Changing line spacing for text in Prestige Theme

Changing line spacing for text in Prestige Theme

Pro6
Tourist
5 0 1

Hello,

 

I am currently using Prestige theme for my store and I am encountering an issue where all the line spacing is too wide, particularly for item descriptions and any written information on any page.

 

If I am writing a post and I press enter to start a new line, there is about 2 or more sentences worth of space that ends up between each line, when I just want the new line to sit right beneath the previous line. See attached images below for an example.

 

example2.pngexample1.png

 

Can anyone help me out with the code I need to replace? 

 

Thank you for your time.

 

 

Replies 9 (9)

Made4uo-Ribe
Shopify Partner
9029 2160 2664

Hi @Pro6 

You need to adjust the line height of the text. Would you mind to share your Store URL website? with password if its unpublish. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Pro6
Tourist
5 0 1

Thanks for your quick response! The link is:

 

https://pro-6-cycle.myshopify.com

 

password: shopifyhelp

Made4uo-Ribe
Shopify Partner
9029 2160 2664

Thanks for the info, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

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:

 

body {
line-height: normal;
}

 

And save. 

Result:

Made4uoRibe_0-1703023480643.png

You can adjust it by adding 1px or 2px depends on your liking. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Pro6
Tourist
5 0 1

This definitely worked to change the line spacing. However, it didn't change the amount of space that gets put between two paragraphs. Basically anytime you press "enter" to start a new line it makes a massive gap. Do you know what code I would need to change that to make it a more reasonable space? Thank you very much for all your help so far!

joehustle
Shopify Partner
31 2 4

Many themes offer built-in settings for adjusting line spacing. Check your theme's settings panel for options related to "Typography", "Spacing", or "Content" settings. Look for specific options like "Line height" or "Paragraph spacing" and adjust them to a lower value to reduce the space between lines.

- If this is helpful pls Like and Accept a solution.

Click here to Whatsapp me.
Pro6
Tourist
5 0 1

Unfortunately my theme doesn't have those options. I looked for a while before posting here 😞

rich16
Visitor
2 0 0

Hi. Did you find a solution to this? I'm experiencing the same problem with Prestige.

 

Thanks

Pro6
Tourist
5 0 1
Nope! No answer in this thread helped it. I just ended up rewriting the
text elsewhere (like google docs) and then copy/pasted it back into the
item description/wherever else it was needed. And sometimes even that
formatting ended up odd. I spent a lot of time trying to correct it
everywhere and I still don't get why the issue happens because it's not
consistent either. Not sure if it's a prestige issue or shopify.
Scott90
Tourist
4 1 1

Late to the party but we had this issue and solved it with replacing some HTML when you press enter it puts <p> </p> so it would be something like

"<p> Example of this issue </p>

 

You could remove the <p> and </p> then put <br> at the start of your text

 

<br> Example of this issue

 

<p> starts a new paragraph with extra line spacing, <br> starts a new line.

If you are not happy using basic HTML you can achieve this by pressing "shift" + "enter/return" key when in rich text format.