Shopify themes, liquid, logos, and UX
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.
Can anyone help me out with the code I need to replace?
Thank you for your time.
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!
Thanks for your quick response! The link is:
https://pro-6-cycle.myshopify.com
password: shopifyhelp
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:
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!
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!
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.
Unfortunately my theme doesn't have those options. I looked for a while before posting here 😞
Hi. Did you find a solution to this? I'm experiencing the same problem with Prestige.
Thanks
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.
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024