Shopify themes, liquid, logos, and UX
Hey, I am facing an issue with aligning the SVG icon from description with the text.
This is how it looks on the website
This is how it looks in the text editor
How can I properly align the text and the icon ?
Solved! Go to the solution
This is an accepted solution.
You can replace that code
.product .rte img {
margin: 0;
margin-bottom: -2px;
height: 18px;
width: 18px;
}
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
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.
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
Where do I find "the same product page custom css" ? can you please give me the file name?
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:
Best,
Esther
It looks better, but now is there a way to make the text the same size as the icon?
Works, ty!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025