Subheadings are a great way to organise your content. Simply click and drag the Sub-Headline element into the right spot in your editor's workspace. Once it's in place, you can adjust its settings to get the look and structure you want, making your page easier to read and navigate.
Adding a Sub-Headline
To add a sub-headline, drag and drop the Sub-Headline element into your preferred spot in the editor's workspace. Once it's in place, you can customise its appearance, font, and other settings to match your design and improve your page's layout.
General Settings
Element Name/Title
The edit toolbar for the selected element sits on the left side of the editor. At the top of the screen, you'll see the default name or title for the editing option, which you can rename to make navigation easier as you build your funnel page.
Typography Type
Choosing the right typography makes a big difference to how your content looks. You can select a headline or content font from the settings, or browse a range of custom typography fonts from the drop-down menu. Pick a font that reflects your brand's personality or suits the tone of your content.
Mobile and Desktop Font Size
To change the font size for mobile and desktop, adjust the size bars for each text or content element. Switch between mobile and desktop views in the top-left corner of your funnel builder to preview how your edits look on each platform.
Font Weight
The font-weight option lets you adjust the thickness of your text, making it bolder or lighter. It's useful for emphasising key points and making certain elements stand out.
Opacity
To adjust the transparency of your element box content or text, use the opacity feature. You can choose from various levels: None (completely transparent), Light, Half, and Heavy Fade. This lets you tailor the visual effect of your content to suit your preferences.
Line Height
Increase the height of the element box by adjusting the size bar.
Text Transform
In Text Transform, you can change the text to Uppercase, Lowercase, or capitalise each word.
Letter Spacing
The letter spacing feature lets you control the spacing between each character in your text. Adjust this setting to bring letters closer together or space them further apart, creating a customised look for your content and improving readability.
Color Options
- Background Color: To change the subheadline background colour, click on the content you want to adjust and select the desired colour.
- Color: When text isn't in bold, you can use this option to adjust its colour.
- Link Text Color: If you've added a link to the element, use this option to edit the link colour.
- Icon Color: If an icon has been added to this element, you can only edit the icon colour here. Only the icon colour will change, regardless of its position.
If you can't find the colour you need, add a custom colour by entering the colour code and clicking the add colour button.
Icon
Icons are a great way to communicate your message visually and grab your audience's attention. To add an icon to your page, select from the available options. If you have something specific in mind, use the search bar to find it. This lets you customise your content with relevant icons that enhance your message.
Styles
Spacing Option
There are various spacing options to adjust your content. The settings only apply to whichever Edit option you're working on. For example, if you're editing a particular Row (the BLUE box), only the content in that Row will be affected by the settings you apply.
- Padding Left, Right, Top, and Bottom: These four toggle bars move the content left, right, up, or down depending on which bar you click.
- Margin Top and Bottom: Adjust the top or bottom margin of your content using the toggle bars.
Border Options
- Border: Choose the type of border you want. Once you select a border type, the border settings will appear.
- Border Style: There are three different styles available: Solid, Dashed, or Dotted.
- Border Width: Increasing the border width makes the border thicker.
- Border Color: To change the colour of the border, click on the colour icon.
- Border Radius: Adjusting the border radius curves the edges; the higher the number, the more curved the edges become.
- Radius Edge: Choose which corner of the border you want to curve: all edges, Top only, or bottom edge only.
Text Align
To adjust the position of your text, use the text-align option. You can move your text to the left, centre, right, or justify it to suit your preference, keeping your content visually balanced and easy to read.
Shadows
- Box Shadow: This adds a shadow effect around the element, giving it depth and a distinct appearance.
- Text Shadow: To add depth and visual interest to your text, use the shadow thickness feature. You can adjust how much shadowing is applied, from subtle to more pronounced. Adding shadows helps your content stand out and catch your audience's attention.
Visibility
The Visibility feature lets you control how your page appears on different devices, desktop or mobile. Select the corresponding options to make your page visible on desktop, mobile, or both, ensuring your content works well on any platform.
Custom Class
You can add a Custom Class to your page elements to adjust their functionality or appearance. This lets you define a specific class name for your element, which can then be used to modify its styling or behaviour through custom CSS code. To add a Custom Class, fill in the designated field with your chosen class name.
CSS Selector
Copying a CSS Selector is straightforward. Identify the reference number of the element you want to modify, then click the copy icon on the right side of that reference number to copy the CSS Selector directly to your clipboard.
Animations
Entrance Animation
To add entrance animations to your text or content, select from the available animation options. This makes elements appear dynamically on your page, keeping the content engaging.
Subheadings are a useful tool for improving the structure and readability of your page. By adjusting their settings, from typography and colour to spacing and animations, you can create visually appealing, well-organised content that fits your brand's style.