Archived topic
Add icon on top of text
5 replies · Started by June on November 10, 2021
Hello, I want to add icon on top of the text like here in the image
Please help me achieve this design.
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.
Thank you, David :)
It was a piece of cake :D
Glad to hear that
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
Hi there,
if you can start a new topic and share a link to where i can see the issue i can advise.