Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 5, 2021 at 3:49 pm #1308798
    Thina

    Hi,

    I used the “Heading Style Elegant” Style for my “Special Heading”.
    The problem is that the descenders are partly cut off.

    They are still cut off when I switch to h3, h4, h5, h6 or a smaller font size,
    padding and margin don’t help either.
    But when I switch to another Heading Style the problem is gone.

    You can see it at the first headline “Kläranlage RHV Mittleres Saifental” and all the others as well on

    Referenzen

    Best regards
    Bettina

    July 5, 2021 at 5:11 pm #1308821
    Jordan Shannon

    Hey Bettina,

    Add this to quick css:

    .heading-wrap{
padding:30px!important;
}

    Best regards,
    Jordan Shannon

    July 5, 2021 at 6:19 pm #1308826
    Thina

    Hey Jordan,

    thank you but unfortunately it does not work

    Best regards
    Bettina

    July 6, 2021 at 6:58 am #1308874
    Rikard

    Hi,

    Thanks for the update. Do you mean that parts of the letters are cut off? If so then you can try to adjust the line height for each heading under Enfold->Advanced Styling. You can adjust it with CSS as well, for example:

    h3.av-special-heading-tag {
    line-height: 24px;
}

    Best regards,
    Rikard

    July 7, 2021 at 9:41 am #1309066
    Thina

    Hi Rikard,

    thank you!

    I pasted the the code in /Enfold /Quick CSS
    Unfortunately that doesn’t work either.
    I also tried it with 100px …

    Its just the last litte part of the g

    Best Regards
    Bettina

    July 7, 2021 at 5:28 pm #1309142
    Jordan Shannon

    Hi,

    Did you ensure to clear the cache a few time over?

    Best regards,
    Jordan Shannon

    July 8, 2021 at 11:35 am #1309240
    Thina

    Hi Jordan,

    Yes, I did clear the cache a couple of times – the problem is still there

    Best regards
    Bettina

    July 9, 2021 at 12:16 pm #1309373
    Rikard

    Hi,

    This CSS is applying, but I’m not sure where it’s coming from since you have file compression active:

    h3 {
    font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 8px;
}

    You can try this CSS instead, or give us login details to that we can do it for you.

    h3.av-special-heading-tag {
    line-height: 24px !important;
}

    Best regards,
    Rikard

    July 9, 2021 at 1:11 pm #1309387
    Thina

    Hey Rikard

    I tried both and cleared cache a couple of times – both don’t work.

    I pasted the credentials in private content.
    Please see the problem on the page /Referenzen

    Best regards
    Bettina

    July 11, 2021 at 6:41 am #1309540
    Rikard

    Hi,

    Thanks for that. I set the line height to 1.2 em under Enfold->Advanced Styling, and it’s working as it should. Please review your site.

    Best regards,
    Rikard

    July 12, 2021 at 12:40 pm #1309756
    Thina

    Hi Rikard,

    thank YOU! Now it works perfekt

    Best regards
    Bettina

    July 12, 2021 at 3:06 pm #1309811
    Nikko

    Hi Bettina,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Problem with Heading Style Elegant’ is closed to new replies.