How to justify the text in the widgets like services

Hi,

How to justify the text of the columns in the widget SERVICES.
Please be precise in the description as I’m really a newbie.

ps: I really tried to find the answer since 3 days

Hello there,

To accomplish it, log into your site admin area (/wp-admin), and then go to Appearance > Customize > Additional CSS. Then put the below CSS code:


.widget_sydney_services_type_a .roll-icon-box .content p {
  text-align: justify;  
}

after this CSS comment block.


/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

Regards,
Kharis

Thank you so so much Kharis!
it works great but how to justify + center?

And is it possible to make the columns thiner?

Thank you by advance

Try this code and do maximum width adjustment to meet your need.


.widget_sydney_services_type_a .roll-icon-box .content p {
  text-align: justify;  
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

Regards,
Kharis

Hi Kharis

Can i have CSS code for text justification for Service type b also , below is the code used for service type A

    .widget_sydney_services_type_a .roll-icon-box .content p {
      text-align: justify;  
      max-width: 200px;
      margin-left: auto;
      margin-right: auto;
    }

regards
Vinoth

Hi Vinoth,

Try this very simple CSS code:

    .roll-icon-list {
      text-align: center;
    } 

Regards,
Kharis