Align Icons With Text in Dawn Theme

Store Design
1

Hey, I am facing an issue with aligning the SVG icon from description with the text.

This is how it looks on the website

Snip20250119_18.png

This is how it looks in the text editor

Snip20250119_20.png
Snip20250119_20.png617Ă—255 5.28 KB

How can I properly align the text and the icon ?

2

Hi, Can you share store URL

3

Hey @marcisoft this is Qasim a Sr. Shopify developer.

In order to make the vertically alignment against Text then please share the store URL so that I provide you solution code.

Thanks

4

hrb5ht-pt.myshopify.com

5

Thank you for sharing the store URL.

It would be easy if you mention on which page this issue is exists. I search on home page but there no issue with that.

6

on this page: https://marcisoft.ro/products/lenjeria-de-pat-brown

7

Please paste this code in the same Product page Cusotm CSS setting.

.product__description.rte.quick-add-hidden{
    display: flex;
    gap: 8px;
    align-items: center;
}

If you need more help please let me Know.

Thanks

8

Hi Marcisoft

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
.product .rte img {
    margin: 0;
    margin-bottom: -2px;
}

Result:

EstherBui_0-1737289777294.png

Best,
Esther

9

It looks better, but now is there a way to make the text the same size as the icon?

Snip20250119_21.png

10

Where do I find “the same product page custom css” ? can you please give me the file name?

11

You can replace that code

.product .rte img {
    margin: 0;
    margin-bottom: -2px;
    height: 18px;
    width: 18px;
}
1 Like
12

Works, ty!