Correct, the Template Manager will solve that.
There are quite a few differences between the Text and Headline Element. Below is a quick overview of these differences:
Text Element
• Designed for long-form text. Wrapped in a <div>
tag and intended to hold multiple paragraphs, lists, standard headlines, et cetera.
• Overall styling of all text within this element can be styled and setup as needed.
• Contains a unique “Text Columns” feature, which is a checkbox available in the “Setup” box at the beginning of the element. Turning this on will enable the usage of CSS columns, allowing users to create print-like layouts of text on the web. You can set the max number of columns, minimum column width, column gap, column rule (a decorative border in between columns), et cetera. This can be used to achieve lots of unique looks with how you set it up.
Headline Element
• Designed for short bits of text, primarily wrapped in a heading tag (h1
-h6
).
• There is the main text field for the element, which can have a tag specified for it in the “Setup” box at the beginning of the element. Then there is a separate “Subheadline” text, which can have its own independent tag specified in its setup box later in the element. So, for example, you could setup your main headline to be wrapped in an h1
and have your subheadline in a h2
, but you can also do different combinations such as h3
/ p
, p
/ span
, it all depends on what you’re trying to accomplish and how you want your markup to be. Keep in mind that these element tags are not applied to the outer most HTML tag of the Headline Element because it contains multiple lines of text. These specified tags are applied to the tag that directly wraps each line of text, which is nested within the markup a bit.
• The Headline Element has 2 completely independent sets of text controls to style the main text and subheadline on their own.
• The Headline Element also supports a “Graphic,” which is a font icon or an image that can be uploaded and set inline with the headline. The flex positioning controls of the element can be used to orient this icon to either side of the text, or on the top or bottom. You can further use these flex controls to vertically or horizontally center the graphic, or orient it to either end.
• The Headling Element contains an “overflow” option, that allows for single-line overflow text with an ellipsis added to the end if needed in some situations.
• The Headline Element contains a “Typing” effect, which allows users to create engaging visual effects where pieces of the headline can be typed out in real time. There are many parameters to this which can be adjusted as needed.
• Behind the scenes, the Headline Element also contains special styles to ensure that letter-spacing
looks proper if a background color is added to the overall element. For example, when adding letter-spacing
to text that might have a background color on the container, the letter-spacing
can push the text away from the side, creating an asymmetrical look. Our Headline Element offsets this with some styles to ensure that headlines always look great no matter how much letter-spacing
is added to the element.
TLDR: The two Elements serve different purposes. Relating to the point of you can’t set h1
and have it go to that size, you have to first pick a px
or em
size as that is the point of V2 Elements - to be able to specify everything about how a particular Element should look and function. Once the Template Manager is out, you can effectively make an “h1”, “h2”, “h3”, et cetera setting and set all options for that individual tag, including the exact size, and it will all be output as desired. It will be the glue that brings everything together.