Hi,
Can someone please help me to increase line spacing. Through out the website we would like to increase the line spacing.
Hello @RivaajEthnic ,
Follow these steps:
-
Go to Online Store → Theme → Edit code
-
Open your base.css file and paste the following code at the bottom:
.rte, body, p, li, span, div {
line-height: 1.3 !important;
}
Regards
Guleria
Thanks Guleria, I tried copying this code in base.css file however it did not work
You can follow this instruction :
-
Go to Shopify > Theme > Customize
-
Copy and paste this code on Theme settings > Custom CSS section
* {
line-height: 1.5rem !important;
}
here is the result :
Thanks LizHoang,
It works however its changing alignment of product size in product display page. Would you know how to fix it?
https://www.rivaajethnic.com/products/aisha-ajrakh-cotton-blue-straight-kurta
for Product title its still not showing space:
https://www.rivaajethnic.com/products/bandhani-ajrakh-purple-and-black-modal-silk-dupatta
Hello @RivaajEthnic I recommend you set some time aside when you can this weekend and go through this manual https://www.hulkapps.com/blogs/shopify-hub/mastering-spacing-in-shopify-a-step-by-step-guide-to-refining-your-stores-layout#:~:text=Shopify%20themes%20control%20the%20visual,css%20or%20theme. on line spacing in Shopify stores and you would be able to sort it out
hi Emmanuel,
Thanks, it got resolved.
Solution for someone trying to fix line spacing:
you can fix line height/ spacing in Theme setting - typography section.