[Resolved] How to add an underline text decoration on a GenerateBlocks Headline

Home Forums Support [Resolved] How to add an underline text decoration on a GenerateBlocks Headline

Home Forums Support How to add an underline text decoration on a GenerateBlocks Headline

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1558061
    Marcel

    I know how to add an underline decoration text using HTML and CSS, but how could I achieve something similar when I use a GenerateBlocks Headline?
    I would like to use this type of text-decoration only for a few words in the headline, a concrete example is Mike Oliver’s website homepage.
    May I have your advice, please?

    Thank you!

    #1558143
    David

    Hope you don’t mind me jumping in.
    It is using some custom CSS to add this to the ‘highlight’ class – the highlight feature allows you to choose a selected block of text and select highlight from the menu.

    .highlight {
        box-shadow: 0px -6px 0px rgba(22,123,224,1) inset;
    }

    HTH, Dave

    #1558311
    David
    Staff
    Customer Support

    Thanks David for jumping in ๐Ÿ™‚
    Hi Marcel,

    In the Headline block, select and highlight the string of text, in the block toolbar click the drop down arrow and select highlight. Then apply Davids CSS

    #1559969
    Marcel

    Thank you, guys!

    Maybe I am doing something wrong, it is just not working.
    I selected and highlighted the string of text, and applied David’s CSS on the Simple CSS plugin metabox.

    #1560084
    David

    Try changing it to .gb-highlight { etc…

    ps – you won’t see it until you view the page – it does not render while editing!

    #1560103
    Marcel

    Thank you, David. Using .gb-highlight{… instead of .highlight {… solved the problem.

    #1560222
    David
    Staff
    Customer Support

    glad to hear you found the answer – and Thanks David for jumping in ๐Ÿ™‚

    #1907480
    Bob Iasillo

    I highlighted text and used Ctrl U and it worked. Took me way too long to figure this out. Should I not mix and match wordpress functions like that?

    #1907487
    Elvin
    Staff
    Customer Support

    I highlighted text and used Ctrl U and it worked. Took me way too long to figure this out. Should I not mix and match wordpress functions like that?

    That’s fine. It’s a matter of preference. The main difference is, CTRL+U does the style inline while other means are usually through external CSS writeups.

    A wise man once said:
    "Have you cleared your cache?"

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