Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 9, 2017 at 7:01 pm #862042
    Visoo01

    Hello,

    We would like to solve some problems about style in our website.
    We put a code on Quick CSS – Enfold – General Styles…
    —–
    .avia_textblock p {
    text-align: justify!important;
    }
    —–
    We would like to disable this text-align : justify for some texts in multiple pages.

    How to proceed ?

    Thanks for your answer.

    October 9, 2017 at 8:09 pm #862076
    Jordan Shannon

    Hey Visoo01,

    You would need the specific page-ids which can be found via the browser inspector or page editor url. From there you can adjust the alignment to whatever you want. For example:

    .page-8888 .avia_textblock p {
text-align: center!important;
}

    Best regards,
    Jordan Shannon

    October 10, 2017 at 12:08 pm #862429
    Visoo01

    Hey Jordan,

    Thank you for your answer.

    Is it possible to make the same thing only for one part of the page and not for the entire page ?

    Regards.

    October 10, 2017 at 1:15 pm #862443
    Guenni007

    give your text-block element a unique custom class f.e. “centertext”
    (don’t know if this is in the meanwhile on default aktivated – if not do this into your functions.php of your child-theme:

    add_theme_support('avia_template_builder_custom_css');

    than you have the oportunity to give most of the alb element a unique class and you can select those text-block elements now via your custom class above :

    .avia_textblock.centertext p {
text-align: center !important;
}

    if you only want to have it only for one or two text-block elements use the text-block editior to center your text by the inline css.

    October 10, 2017 at 4:51 pm #862536
    Jordan Shannon

    Hi,

    Thanks for the input Guenni007.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.