[Resolved] Add icon on top of text

[June]

Hello, I want to add icon on top of the text like here in the image
Please help me achieve this design.

[David]

Hi there,

use a GenerateBlocks Headline Block:

https://docs.generateblocks.com/article/headline-overview/

You can set the headline to centered, add your SVG Icon, and set the Icon Location to Above.

[June]

Thank you, David 🙂
It was a piece of cake 😀

[David]

Glad to hear that

[Andreas]

Hi David.

I tried this too. Last time the icon was shown correctly above the headline.
Now I choose also above but the icon is shown inline.

Adminarea: it is shown correctly above the headline but in the preview on the page in frontend it is shown inline.

Same if I choose the headline from Generateblocks Pro Version and dont change it at all.
CSS shown on the webpage:
h2.gb-headline-1986a381 .gb-icon {
color: #d00689;
padding-bottom: 0;
display: inline;
}

Is there a mistake when CSS is created?

Andreas

[David]

Hi there,

if you can start a new topic and share a link to where i can see the issue i can advise.

[Author]

Posts