Justify Texts - Services Page + Mobile Menu Colors

Hello,

Is there any way to justify the texts shown on the services page of my website?

www.daferconsulting.com

Regarding the Mobile Menu, I would like to modify the color of the section dividers (lines) that appear when the menu is displayed. A new line code should be implemented in order to avoid changing colors to other parts of the site?.

Thank you.

Best regards,
David.

Hello David,

Add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .textwidget p { 
      text-align: justify !important;
    }

Add this CSS code:

    #mainnav-mobi ul li {
      border-color: #fff000;
    } 

Regards,
Kharis

Hello Kharis,

Thanks for the prompt response as always. The Mobile Menu code works great.

Regarding the Justify text code, it modifies the alignment of the whole website. What I am looking for is to justify only the paragraphs that belong to the page Services columns (4 off). Actually, the first line of the paragraph I would like to keep it centred and justify the content below such line (that I put as title of each column). I would appreciate very much If you could help me out with this if it is feasible.

Thank you.

Best regards,
David.

Hello David,

Please try adding the below CSS code:

    .page-id-263 p,
    .page-id-263 li {
      text-align: justify !important;
    } 

Regards,
Kharis

Hi Kharis!

It works great, thank you. Only thing missing is that I would like to Center the first line (titles) of those paragraphs if it is possible.

Thanks!

Best regards,
David.

Hello David,

Try adding this code:

    .page-id-263 .siteorigin-widget-tinymce.textwidget > p:first-child {
      text-align: center !important;
    } 

Regards,
Kharis

Hi Kharis,

Wonderful, it works just perfectly.

Have a nice day!

Best regards,
David.

You’re welcome David.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis