x

How to increase / decrease line spacing in Weebly Editor?

Hi ,

There is a concept of line spacing in Microsoft Word. One can set line spacing at 1, 1.15, 1.5, 2 and so on. Can line spacing be similarly done in Weebly's text editor. 

As an example, please take a look at Weebly's own articles on Inspiration Center and Blog section. The line spacing is just the right. A higher line spacing makes the text more easliy readbale.

On the blogs that I write using Weebly editor, the text element does not seem to have option of selecting line spacing and the text lines seem to be a bit closer.

Can we do this in Weebly? Do other Weebly users feel a need for adjustable line spacing. Can anyone please

guide?

Thank you.

24,327 Views
Message 1 of 28
Report
1 Best Answer

Best Answer

Hi @SGI,

You actually do have control over the 'line-height', you can modify this for each text type inside:

THEME > Change Fonts > 'Select the type you want to adjust' and modify its line-height value.

imageFixing Line Height for paragraph text

Hope this helps you out.

View Best Answer >

24,624 Views
Message 2 of 28
Report
27 REPLIES 27

Best Answer

Hi @SGI,

You actually do have control over the 'line-height', you can modify this for each text type inside:

THEME > Change Fonts > 'Select the type you want to adjust' and modify its line-height value.

imageFixing Line Height for paragraph text

Hope this helps you out.

24,625 Views
Message 2 of 28
Report

Thank you Weeblers.  I had already acknowledged your suggestion as solution and also Kudoed it.  Sorry that somehow I missed thanking youin post.

Thank you

23,148 Views
Message 4 of 28
Report

I have tried that but it keeps reverting to default without making any change to the text.

22,303 Views
Message 5 of 28
Report

Since the site is responsive, I have a section where there are 4 columns. There's a list of phrases, some phrases drop the the next line but the line height is the same as the next phrase. How could I fix this?

21,249 Views
Message 7 of 28
Report

Hello kcars! Where are you seeing this happen?

21,236 Views
Message 7 of 28
Report

new at this...I've found the correct place to change, adjust #, but nothing happens...?????

Lori

17,903 Views
Message 10 of 28
Report

new to websites...I've found the line height adjust button....but it doesn't change the height

what am I missing

17,902 Views
Message 10 of 28
Report

Hello Lori! What page are you seeing that on? We'll check up on it.

17,890 Views
Message 10 of 28
Report

Hello,

I had this problem, but the line spacing solution you describe only seems to work for the first page on the website, not for the other pages. Is there a solution that works for all pages? 

Many thanks! 

Josh

10,377 Views
Message 16 of 28
Report
Square

Line-height settings for specific elements should apply to those elements on any page you've added the elements to. Are you pasting in text to any of these elements where it doesn't work? If so, try selecting the text in the element and using the Tx button on the text editing toolbar. That will strip out any hidden styling in pasted text which might be preventing those styles from being applied.

4,417 Views
Message 16 of 28
Report

I get no height adjustment option when trying to change Image Caption text. I would like to tighten. Does the font selection have anything to do with it, currently Maven Pro.

3,771 Views
Message 16 of 28
Report
Square

I don't believe we have a line-height option specifically for image caption text, @mapperou, so you'd need to customize the CSS of your site's theme if you want to reduce the line-height. Are you familiar with HTML and CSS? I wouldn't recommend doing this unless you are well familiar with both since our support team can't assist with custom HTML and CSS issues.

3,768 Views
Message 16 of 28
Report

What if I wanted to have one page or text box with custom line spacing and all the others with auto line spacing. How would I do that?

3,522 Views
Message 16 of 28
Report
Square

I'm not sure there's a way to do that without doing some custom CSS on that page, although maybe you could search the App Center for an app that has some text options to control line height within the app element.

3,520 Views
Message 16 of 28
Report

Hey, I tried doing that, but my line-height changes only in the desktop view not in small devices (mobile devices). How can I do that in the mobile device version?

Thank you.

Jitesh

3,943 Views
Message 20 of 28
Report
Square

You'd probably need to customize your theme for that, @Jitesh, although it's hard to say without knowing which of your sites you are changing it with.

3,936 Views
Message 20 of 28
Report

I want to change it with my market outlook website @Adam

3,931 Views
Message 20 of 28
Report
Square

Thanks. If you go to the Theme tab and click on Change Fonts, there should be line spacing option for most of the font choices you see there.

3,927 Views
Message 20 of 28
Report

Hi I am having a great deal of trouble with this line spacing issue as well. I tried going into theme, paragraph text, and increasing the line spacing; however, it does not change my existing text. I tried highlighting the text, but as soon as I click into the theme tab, the text unhighlights. I have had points deducted from my assignment and for this matter and am at a loss on what to do! 

3,254 Views
Message 22 of 28
Report
Square

Hi @gilleys10196 Sorry to hear you are having trouble with your site!

If you had previously edited the existing text using the black font bar the settings will override the default settings under Theme > Change Fonts. I believe you can fix this by highlighting the edited text and clicking the little "Tx" button to remove the formatting. 

2,970 Views
Message 22 of 28
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.