I’ve been looking for a solution to change the space between lines of text on the dawn theme, but the solutions I’ve tried don’t work or only work on the product description.
What I’m trying to do is :
reduce the space between lines
reduce font size
increase the space the text occupies on the page width on the mobile version of the site.
I’m trying to do this on an “image with text” section, but I’d also like to be able to do it on almost the entire site.
If anyone knows a line of code for this, it would be great.
It did not work as I hoped. Maybe I should create two section one visible only on desktop and the other only on mobile.
On the mobile, I really wanted to display the title in large type above the section image, and the text in much smaller, condensed type.
And on the computer, I wanted the title to be larger, the text more condensed with less space between the lines, but the space occupied by the text not too large.
What line of code can I add to manage the space between paragraphs in the same section of text?
The code has reduced the space between lines, but I’d like to be able to increase the space between paragraphs as I want.
And what setting should I use if I want to reduce the space between lines and the font size even further?
.image-with-text__text p {
line-height: normal;
margin: 20px 0;
}
Add or replace.
If you’re using the code to reduce space and font, rather than customizing the theme, then adjustments should be made in the code. Would you like me to add comments to the code I provided so you can adjust it yourself?
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
There are several settings related to font size and line spacing that I’d like to make on my site and which I believe should be made directly on the code and not in the theme editor.
