Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 5, 2019 at 2:08 pm #1162987
    ICEMAN

    Hey everybody !

    I’m looking for applying this css style for a specific page:

    
.page-id-26 p {text-align:justify;}

    but I would like it not apply to the sub-title “un peu de moi”

    How can I do that ?

    Thanks for helping (page link in attachement)

    • This topic was modified 5 years ago by ICEMAN.
    December 5, 2019 at 2:46 pm #1163006
    Yigit

    Hi,

    Please refer to this post – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements and enable custom CSS field for ALB elements and then edit your element and give it custom CSS class and change your code to following one 

    .your-custom-class {text-align:justify;}

    Regards,
    Yigit

    December 5, 2019 at 6:33 pm #1163103
    ICEMAN

    Thank you Yigit, I will try to use your solution but do you have an idea to exept an area (special header area “un peu de moi”) from my code

    
.page-id-26 p {text-align:justify;}
    December 5, 2019 at 7:47 pm #1163154
    Yigit

    Hi,

    Could you please rephrase? I am not sure if i understood you clearly.

    Best regards,
    Yigit

    December 9, 2019 at 4:12 pm #1164062
    ICEMAN

    Hi Yigit, sorry for the language, my english isn’t very good but I try to improve it day after day…

    I would like to apply my css for all the specific page id but I wuld like to exept the header subtitle “un peu de moi” from that css rule,

    Regards,
    Iceman

    December 9, 2019 at 4:35 pm #1164066
    Yigit

    Hi,

    My bad, i overlooked “not” part in your question :)

    You can add following custom CSS code as well 

    .page-id-26 .av-subheading p {
    text-align: inherit;
}

    P element that contains “un peu de moi” title does not have any class or ID therefore we cannot exclude it with a single code. If it had a class, you could use following code but that is not the case
    .page-id-26 p:not(.custom-class) {text-align:justify;}

    Regards,
    Yigit

    December 9, 2019 at 9:13 pm #1164190
    ICEMAN

    Hey Yigit, thanks a lot, it works well now
    Regards,
    Iceman

    December 10, 2019 at 2:23 am #1164269
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Specific CSS apply for a specific page but exepting an element’ is closed to new replies.