Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 13, 2023 at 6:16 pm #1397790
    flipstar99

    Hi Enfold-Team!

    I want to create overlapping underlines, like in this example:

    How can I setup this with Enfold?
    Thanks a lot for feedback.

    Regards,
    Matt

    February 14, 2023 at 6:48 am #1397847
    Nikko

    Hi Matt,

    Please try to add this CSS code in Quick CSS:

    #top .av-special-heading-tag {
    background-image: linear-gradient(transparent 0%, transparent 65%, yellow 65%, yellow 90%, transparent 90%, transparent);
    display: inline;
}

    and then use a Special Heading element.
    Hope this helps.

    Best regards,
    Nikko

    February 14, 2023 at 9:54 am #1397866
    flipstar99

    Hi Nikko,

    great, thanks a lot for your quick help!
    Is it possible to not use this for all special heading elements, but only for single words I can choose inside the special heading element? Marked with <mark>single word</mark> or something else?

    Best regards,
    Matt

    • This reply was modified 1 year, 6 months ago by flipstar99.
    February 14, 2023 at 10:35 am #1397873
    Yigit

    Hi Matt,

    Please try wrapping your text in Mark tags and using the code as follows

    
#top .av-special-heading-tag mark {
    background-image: linear-gradient(transparent 0%, transparent 65%, yellow 65%, yellow 90%, transparent 90%, transparent);
    display: inline;
}

    Best regards,
    Yigit

    February 14, 2023 at 10:39 am #1397875
    flipstar99

    Perfect, I love you guys!

    February 14, 2023 at 2:25 pm #1397922
    Yigit

    Hi,

    ❤

    Let us know if you have any other questions and enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Overlapping underlines’ is closed to new replies.