Highlighted Heading Layer
You can find the Highlighted Heading layer in the Slide Editor.
☝️ Note: This layer is only available in the Pro version of Smart Slider 3.
Highlighted Heading layers are texts where you can put the focus on the important part of your headlines with a highlight.
⚠️ Warning: This layer does not support any HTML codes inside. If you write any HTML codes, they can mess up your layer.
Content
General
Before text
The text which will appear before the highlighted text on your slide.
Highlighted text
The text which will highlighted on your slide.
After text
The text which will appear after the highlighted text on your slide.
Link
Link
You can put a link on the layer. Learn more about the link options at the Link documentation.
Target window
Specifies where to open the linked document.
Rel
The rel attribute specifies the relationship between the current document and the linked document.
Highlight
Type
You can choose the type of the highlight.
Color
The color of the highlight.
Width
The width of the highlight.
Bring front
If it's turned on, the highlight will above the text. If it's turned off the highlight will below the text.
Animation
Animate
If you turn on this option, you can animate the highlight.
Delay
You can delay the start of the animation.
Duration
This is how long it takes to finish the whole animation.
Loop
With this option you can make your animation start over, when it's done.
Loop Delay
You can delay the restart of the animation.
Advanced
Tag
These are what kind of h tag your text will be (from <h1> to <h6> ) or a <div> .
CSS Class
You can add a custom CSS class, that will be on the h or div tag.
Style
Use the state switcher, to change the style of the highlighted/normal text.
Learn more about the styling options in the tutorial video.
Typography
Learn about the typography options at the Layer Typography & Design documentation.
Background
Learn about the background options at the Layer Typography & Design documentation.
Border
Learn about the border options at the Layer Typography & Design documentation.
Spacing
Learn about the spacing options at the Layer Typography & Design documentation.
Responsive
Learn about the responsive options at the Layer Style documentation.
Effect
Learn more about the effect options at the Layer Style documentation.
Position
Learn about the position options at the Layer Style documentation.
Size
Learn about the size options at the Layer Style documentation.
Advanced
Learn more about the advanced options at the Layer Style documentation.
Animations
Learn about the animations at the Animation documentation.