In web design, the two most common areas of text spacing include the 'line height' and the margin. The line height is the space between each line of text within an individual text element (e.g., h1, h2, p). The margin, or more specifically, the 'bottom margin', is the space that exists after each individual text element.
Weebly currently offers two main text elements, the 'Title' element (uses the 'h2' tag on the backend) and the 'Text' element (uses the 'p' tag on the backend).
Now, Weebly does offer the option to adjust the line height of text elements under "THEME>Change Fonts", but adjusting the margin of text elements currently has to be done on the backend. You may just find it easier to adjust everything on the backend and here's how to do it.
Step 1. Open The HTML/CSS Editor
Click on "THEME" at the top, then click on "Edit HTML/CSS" on the left.
Step 2. locate CSS codes
On the left, click on 'main_style.css', and on the right, scroll down until you find the red 'h2' and 'p' tags. Sometimes 'p' may be 'div.paragraph, p'.
You'll notice that both the 'h2' and 'p' tags have margins as shown in orange below. Some Weebly themes have the 'line-height' code, but some don't because it can be adjusted on the fontend.
And some themes have neither the margin or line height code, but this is okay because they can simply be added.
Weebly Tricks is a third-party Weebly 'after market' site providing tutorials, apps, and widgets for Weebly sites. Weebly Tricks is not affiliated with Weebly, Inc in any manner. Not all tutorials work for every site and may require additional customizing. Always save your files before editing.