Reduce Spacing Between Lines In Rich Text

Store Design
1

Hi there!

I’d like to reduce the spacing between the lines of text in the Rich Text element. Currently its spread out too wide vertically. Can someone help me?

This is the URL: https://lifestyledesign.com.au/

I’ve changed the rich text to align to the left - but now I want to reduce the spacing. I’ve attached screenshots - The one with double spacing is what I don’t want and the screenshot without the spacing is how I want it to be.

Thanks!

2

@TGM1 - on which page did you take the screenshot?

3

Hi @TGM1 .

I am Richard Nguyen from PageFly - Advanced Page Builder.

You can go to Online store => themes => Actions => Edit code and add this code on file section-multicolumn.css

.multicolumn-list h3, .multicolumn-list p:nth-child(6){
	display: none;
}
.multicolumn-list h3, .multicolumn-list p:nth-child(8){
	display: none;
}

Hope this helps.

Best regards,

Richard - PageFly

4

Hey there, @TGM1

So a handy tip I learned years ago (that lots of folks seem to not know about) is you can hit SHIFT + RETURN to do a “soft return” in the Rich Text element in the customiser. A soft return forces a line break without adding paragraph formatting and spacing.

Here’s video showing the difference:

https://share.getcloudapp.com/qGuxj6O1

There’s a good overview of this on a fellow Aussie website: https://www.kitestring.com.au/blog/80-shift-return-option

Hope that helps and answers your question.

thanks!

5

Hi there - this isn’t for the multi-colon section. Does that matter?

6

My suggestion should work in any Rich Text field regardless of what section it exists in