After adding your layer to the slide, use the “Style” section to format text, adjust layer positioning, and also apply additional CSS styles to your layer content.
1. Style Template
Automatically apply styling from a list of style template presets.
2. Font Family
Setup your Google Fonts from the slider’s settings section.
3-4. Font Size / Line Height
Font-size can be set in pixels, and line-height is useful for paragraphs of text.
6-7. Font Weight / Letter Spacing
Make your text bold or add some spacing between the letters.
8. Layer Tag
Choose which type of HTML tag should be used for the Layer. Usually “div” is best, but you can also use H1, H2, etc. for enhanced SEO.
9-10. Horizontal / Vertical Aign
Alignment can be based on Layers Grid Size or the entire size of the slider, which is set in the layer’s Behavior section.
* Layer content should always be positioned within the “Layers Grid”. Otherwise the content may bleed off the screen when the slider is resized. Click here for a visual example.
11-12. Horizontal / Vertical Offsets
Offset positions from initial alignments (#7-8). For example, a “Horizontal Alignment” of “center” with a “Horizontal Offset” of 50px would equal 50px to the left of center.
13-14. Layer Width / Height
Entering pixel values will give the layer a predefined size. Or for text layers, enter “auto” for automatic sizing.
15. Text Wrapping
Meant for Layers where text should wrap at a certain screen size. Â Apply a fixed width (#11) Â to use the text-wrapping option.
16. Image Sizing
Useful for applying a “cover” or “contain” background-size position to Image Layers
Click the “+” button to activate the advanced styling section.
1. Font Opacity
Enter a number between 0-1, such as “0.75”.
4. Text Transform
Capitalize each word, or convert the text to uppercase or lowercase automatically.
5. Layer Selectable
Choose if the text can be highlighted by the user for copy/paste
