Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 5, 2019 at 2:57 am #1050164
    OhYa1337

    Hello, what are the style names for the special header elements?
    I need to setup some custom styles for 2 different special header
    and want to effect the colors for the header and sub header in different colors
    So I need to add 2 css classes to the custom css,

    thank you

    January 6, 2019 at 5:28 am #1050487
    Rikard

    Hey OhYa1337,

    You can turn on the custom CSS class option: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements. Then assign classes to your elements to style them differently.

    Best regards,
    Rikard

    January 6, 2019 at 11:27 am #1050539
    OhYa1337

    im talking about the element “Special Header”
    it has 2 parts, the Main Header & a Sub Heading
    I would like to change them to 2 different colors & styles
    and since there is only 1 custom class tag, im not sure how to change both areas?

    January 7, 2019 at 5:56 am #1050744
    Rikard

    Hi,

    I’m not sure I understand what you are referring to, the Special Heading element doesn’t have a sub heading option. Could you try to explain a bit further please?

    Best regards,
    Rikard

    January 7, 2019 at 8:53 am #1050801
    OhYa1337

    Yes, actually it does
    http://prntscr.com/m3ybcb

    :)

    January 7, 2019 at 12:50 pm #1050852
    Rikard

    Hi,

    Yes if you select one of the other styles which is not default, but the process is the same. Assign a class to it then target the element using something like this:

    .your-class .av-subheading {
  your CSS goes here
}

    If you want to write CSS then you need to learn how to inspect the code and follow the DOM tree.

    Best regards,
    Rikard

    • This reply was modified 5 years, 10 months ago by Rikard.
    January 7, 2019 at 3:21 pm #1050908
    OhYa1337

    Ya, thats what I had, so with you confirming it was correct I realized I needed to add !important; after the color & its working now.
    Thanks

    January 8, 2019 at 7:03 am #1051237
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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