Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 11, 2019 at 5:46 pm #1137121
    Jak73

    Hi,

    i added some H2-text in a color section, which i want to use as footer.

    I’m trying to match the list style with my H2 text.

    I was not able to get it done. How can i make the H2 text look same like the other list styles in my color section?

    Kind regards Jak

    September 12, 2019 at 1:25 pm #1137518
    Rikard

    Hey Jak,

    Could you please add a CSS class to the column so that we can target the elements? Otherwise we can only give you general CSS which might target other things. You can name the class something like footer-tags for instance. You can activate the custom CSS class field under Enfold->Layout Builder.

    Best regards,
    Rikard

    September 12, 2019 at 2:04 pm #1137526
    Jak73

    Hi Rikard,

    where should i add footer-tags?
    To the text-block or to the whole color-area?

    I just added it to the text-block, where the H2-text is inside.

    kind regards Jak

    September 13, 2019 at 9:51 am #1137866
    Rikard

    Hi Jak,

    I would be best if you could add it to the column, or text block. Please try that out and let us know afterwards. You could also try to add an ID the Color Section.

    Best regards,
    Rikard

    September 13, 2019 at 9:59 am #1137873
    Jak73

    Hi Rikard,

    thanks for your help!

    I just added: footer-tags to the color-section.

    What to do next?

    kind regards Jak

    September 14, 2019 at 5:19 am #1138269
    Rikard

    Hi,

    Great, please try this in Quick CSS then:

    .footer-tags h2 {
  font-size:16px; 
}

    Best regards,
    Rikard

    September 14, 2019 at 10:04 am #1138278
    Jak73

    Hi Rikard,

    i added footer-tags to the text-block css.
    i added the code to quick css, but there is no effect?

    kind regards Jak

    • This reply was modified 4 years, 7 months ago by Jak73.
    September 16, 2019 at 8:27 am #1138685
    Rikard

    Hi,

    Please try this instead:

    .footer-tags ul li h2 {
  font-size:16px !important; 
}

    Best regards,
    Rikard

    September 16, 2019 at 9:25 pm #1138938
    Jak73

    Hi Rikard,
    looks better now, but still not like the other footer entries.
    Please have a look.
    kind regards Jak

    September 18, 2019 at 10:36 am #1139384
    Rikard

    Hi,

    Please try this instead:

    .footer-tags ul li h2 {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 26px !important;
}

    Best regards,
    Rikard

    September 23, 2019 at 11:59 am #1140990
    Jak73

    Hi Rikard,

    looks much better now, but still not same. Please have a look.

    kind regards Jak

    September 24, 2019 at 12:03 pm #1141355
    Nikko

    Hi Jak73,

    Please try this code instead, this is the same as Rikard’s code but added 2 properties:

    .footer-tags ul li h2 {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 26.4px !important;
    letter-spacing: 0 !important;
    margin-bottom: 0;
}

    Best regards,
    Nikko

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