Increase line spacing

[RivaajEthnic]

Hi,

Can someone please help me to increase line spacing. Through out the website we would like to increase the line spacing. 

https://www.rivaajethnic.com/

[Guleria]

Hello @RivaajEthnic ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. 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

[RivaajEthnic]

Thanks Guleria, I tried copying this code in base.css file however it did not work

[LizHoang]

Hi @RivaajEthnic 

You can follow this instruction : 

1. Go to Shopify > Theme > Customize

2. Copy and paste this code on Theme settings > Custom CSS section

* {
    line-height: 1.5rem !important;
}

here is the result : 

[RivaajEthnic]

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

[Bundler-Manuel]

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-refi.... on line spacing in Shopify stores and you would be able to sort it out

[RivaajEthnic]

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.