The user interface of the Thrive editor has been upgraded! Please, check out the changes here, before proceeding.
When you add a text element to your content, you may see extra space below, that doesn't show in the Layout & Position options.
Here's an example of what this can look like on the heading. Note the extra space, indicated by the green frame around the heading:
First, let's look at how to fix this issue. If you're interested in the technical details, they are described below.
To remove or change this spacing:
- Place the text inside a background section or content box.
- Select the background section or content box (you can do this through the breadcrumbs).
- In the sidebar, choose "Typography" and in the typography settings, open the "Advanced" tab.
- There, you can adjust the bottom spacing for headings and paragraphs.
Here's a quick animation to walk you through the process:
Why this Happens
Here are the technical reasons for this "phantom space" below text: when this happens, it simply means that your theme is applying a bottom margin to the text. Text elements such as paragraphs and headings are default elements.
Thrive Architect can't apply a unique style to these without causing problems, so the theme's style rules about how much space should be applied take effect.
In most cases, this is fine. For example, if you're writing a blog post using Thrive Architect, it simply means that the spacing around headings and paragraphs will be exactly as expected: exactly as they would be if the content was written in the default editor.
We can override this default theme setting by using a container or parent element. Container elements such as the background section, content box and columns can have typography options applied to them, which affect all the text content inside them.
This works because the theme will have a rule for how much space is below the text, but Thrive Architect can override it with a rule for how much space is below the text inside this container. Because it's a more specific rule, it gets applied instead of the theme style.