Why isn't my SVG icon aligning with text in Shopify button?

Shockpain2
Excursionist
25 0 15

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

Replies 4 (4)

Not applicable

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.

tewe
Shopify Partner
244 46 102

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

• Was my reply helpful? Click Like to let me know!
• Was your question answered? Mark it as an Accepted Solution
• Check out our Price Updater App

Scott-Marshall
Excursionist
36 3 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,

Shockpain2
Excursionist
25 0 15

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: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 10v-4c0-3.313-2.687-6-6-6s-6 2.687-6 6v4h-3v14h18v-14h-3zm-10-4c0-2.206 1.794-4 4-4s4 1.794 4 4v4h-8v-4zm11 16h-14v-10h14v10z"/></svg>