Reduce Line Spacing on Product Page in Ware House Theme

Store Design
, ,
1

Good morning everyone! How can I reduce the line spacing on my ware house theme product page? Actually, if possible I’d like to reduce the line spacing on the entire site (the footer menu, app blocks, custom pages, etc.) Thanks in advance for the assistance!

Store: www.mochilo.co

Untitled.png
Untitled.png674×714 17.4 KB

2 Likes
2

Hey @MOCHILOCO ,

Could you please send me an email so we can discuss this further? I’d be happy to go over the details with you.

Thanks

3

Hi @MOCHILOCO

This will change line in all headings and paragraph in the store.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
p, h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

4

Thank you for the assistance. I added the code but unfortunately noticed no change in any of the texts.