How do I align SVG icon with text in a button?

Technical Q&A
1

Hey guys,

so I tried to install an SVG Icon into the button and it worked, but it’s not on the same line as the text. Not sure with which CSS/HTML command I should use for it.

Bildschirmfoto 2021-04-20 um 01.06.25.png
Bildschirmfoto 2021-04-20 um 01.06.25.png630×158 8.27 KB

2

Hi @Shockpain2

Aibek is here from Speedimize.io

Can you please share with us the URL of your shop?

So we can help you with a solution.

3

Hi @Shockpain2 ,

in the end it is probably just a simple line in the css-class, but probably it is better to define another class for that.

Maybe you can share a link to the page where your button appears. You are using the theme Prestige, right?

Regards
Thomas

4

Hi @Shockpain2 ,

For best results, the SVG icon should be the same size as the text, however, if you’re able to provide the URL to the page in question, I can provide you with a solution.

Cheers,

5

This is the Website with the button where I would like to have the SVG: https://convara.de/collections/aktuelle-trends/products/b-h-trimmer

The SVG is: