Archived topic

Create a Text with Icon (svg) inside

7 replies · Started by Kevin on February 17, 2023

Viewing posts 1–8 of 8

February 17, 2023 at 3:57 am #2536597

Hey, I would love to have a Text inside the Footer which includes an Icon, but without having put an emoji inside ;)

Text could be: Made with Love in Austria and the Love is an Icon.
Any idea without having using 3 Header Blocks?

Thx

February 17, 2023 at 5:24 am #2536677

Hi there,

you could add a HTML block to add the text and the inline icon.
eg.

<span class="footer-text">Made with <img src="your_image_url" width=50 height=50 /> in Austria</span>

February 18, 2023 at 5:19 am #2537825

Ohh nice, thank you this was something which I could have thought of myself ;)

A small follow up question: How would i "center center" this image?

February 18, 2023 at 6:56 am #2537897

Hmm... it kinda should be center by default using that markup. Can it see it on your site ?

February 19, 2023 at 2:15 am #2538504

Sure, i open the page.

February 19, 2023 at 8:08 am #2538880

Try adding this CSS:

.footer-text {
    display: flex;
    justify-content: center;
    gap: 4px;
}

February 19, 2023 at 10:54 am #2539021

Amazing - Thank you

February 20, 2023 at 3:30 am #2539598

You're welcome

This archived topic is closed to new replies.