Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1122510

    Hi,

    I would like to make some of the text on my site centred justified. I have attached the example page (About US) below where I would like to modify the alignment.
    Is there a code for this?

    Thank you,
    Maya

    #1122602

    Hey mayamaria,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-6668 #av-layout-grid-1 > div.flex_cell.no_margin.av_three_fifth.avia-builder-el-3.el_after_av_cell_one_fifth.el_before_av_cell_one_fifth > div > section:nth-child(4) > div > p {
        text-align: justify !important; 
    }
    

    Then clear your browser cache and check.

    Best regards,
    Mike

    #1122655

    Hi Mike,

    Thank you that worked beautifully. I would like to apply this to most of the pages (all the main menu and some sub menu pages) in the same top location.
    Is there one code to do that or do I need operate codes for each pages?

    Many thanks,
    Maya

    #1122841

    Hi,

    You can remove the page id from the css and then it should apply to the others.

    Best regards,
    Jordan Shannon

    #1122863

    Hi,

    Could you kindly give me the exact code with the deleted number? I have tried but it didn’t work.

    Many thanks,
    Maya

    #1123053

    Hi,
    Thanks for the feedback, I reviewed your site and the page in the Private Content area and since you wish only some elements on some pages to be justified I recommend adding a custom class to the elements.
    So, in this case, I added the custom class “just” to your text block element, like this:
    2019-07-30-010234
    Then I added this css to your Quick CSS:

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

    Now the justification is working on the first text block element, please try adding the custom class to the other text block elements on your pages as you wish and then clear your browser cache and any cache plugin, and check.
    This will give you control over where you wish justification to occur and you won’t have to add more css.
    Please let us know if we can assist further.

    PS: after you add the class “just” to the text element on the first page above, you can remove the first css I posted.

    Best regards,
    Mike

    #1123325

    Hi Mike,

    That worked beautifully!

    Thank you!
    Maya

    #1123333

    Hi,

    I’m glad this was worked out. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Text – centre justified’ is closed to new replies.