In the customizer, go to Hero -> Front Page Hero, then select Slider.
For adjustment of the text box settings, go to the corresponding section titled “Text Box Settings”. Click on this title. A panel will open, with the configuration options.
Alignment of the text
The text in the text box can be placed to the left, on the center or to the right.
Text Width
Text width refers to the horizontal distance occupied by the text in the text box. The width can be set to larger or smaller, on a scale from 0 to 100.
Text Box Background Options
Dedicated background options for the text box are available in every slide.
To adjust these settings, you should first apply a color to the text box background.
Background Spacing
Next, you can adjust the distance of the text from the top, to the bottom, from the left and to the right, in the text box.
Background Border Radius
This option refers to the bending angle of the text box background. It is noticeable when the text box background is set to color.
Background Border Color
You can apply a border color to the text box. It will be visible only if you have previously set a certain thickness for the text box background border.
Background Border Thickness
The thickness of the border (top, bottom, left and right) should be expressed in pixels. It will better emphasize the text in the text box.
Show title
From this section, you can adjust the settings for the title you want to include in the slide.
Click on “Options” and a panel will open with the customization features.
You can adjust:
- Title typography: select
- Font family
- Font variant
- Font size – you define here the dimensions of the font
- Mobile font size – you define here the font dimensions for mobile devices
- Line height – you define from this section the height of the text
- Letter spacing – from here, you define the space between the letters of the title
- Text transform (Capitalize, Uppercase, Lowercase, etc.)
- Color – you can set the color of the text, from this section
- Title spacing: select
- The distance of the title from the top
- The distance of the title to the bottom (the values are expressed in pixels)
- Title background:
- Select the color of the title background
- Set the background spacing (the distance from the top, to the bottom, from the left and to the right – the values are given in pixels)
- Background border radius – you can turn the background edges to a round shape or a more angular one
- Background border color – set the color of the title background border, from this section
- Background border thickness – select from the variables that define how thick the title background border should be (for the upper part, lower part, left side and right side)
- You can include text animations. For more details about text animations, please read this article.
Show subtitle
From this section, you can adjust the settings for the subtitle you want to include in the slide.
Click on “Options” and a panel will open with the customization features.
You can adjust:
- Subtitle typography: select
- Font family
- Font variant
- Font size – you define here the dimensions of the font
- Mobile font size – you define here the font dimensions for mobile devices
- Line height – you define from this section the height of the text
- Letter spacing – from here, you define the space between the letters of the subtitle
- Text transform (Capitalize, Uppercase, Lowercase, etc.)
- Color – you can set the color of the text, from this section
- Subtitle spacing: select
- The distance of the subtitle from the top
- The distance of the subtitle to the bottom (the values are expressed in pixels)
- Subtitle background:
- Select the color of the subtitle background
- Set the background spacing (the distance from the top, to the bottom, from the left and to the right – the values are given in pixels)
- Background border radius – you can turn the background edges to a round shape or to a more angular one
- Background border color – set the color of the subtitle background border, from this section
- Background border thickness – select from the variables that define how thick the subtitle background border should be (for the upper part, lower part, left side and right side)
Show motto
From this section, you can adjust the settings for the motto you want to include in the slide.
Click on “Options” and a panel will open with the customization features.
You can adjust:
- Motto typography: select
- Font family
- Font variant
- Font size – you define here the dimensions of the font
- Mobile font size – you define here the font dimensions for mobile devices
- Line height – you define from this section the height of the text
- Letter spacing – from here, you define the space between the letters of the motto
- Text transform (Capitalize, Uppercase, Lowercase, etc.)
- Color – you can set the color of the text, from this section
- Motto spacing: select
- The distance of the motto from the top
- The distance of the motto to the bottom (the values are expressed in pixels)
- Motto background:
- Select the color of the motto background
- Set the background spacing (the distance from the top, to the bottom, from the left and to the right – the values are given in pixels)
- Background border radius – you can turn the background edges to a round shape or to a more angular one
- Background border color – set the color of the motto background border, from this section
- Background border thickness – select from the variables that define how thick the motto background border should be (for the upper part, lower part, left side and right side)
Show buttons
From this section, you can include buttons for the slide you are customizing. Click on “Options” and a panel will open with the customization options.
For more details about customization of the buttons, please read this article.
- Buttons background:
- Select the color of the buttons background
- Set the background spacing (the distance from the top, to the bottom, from the left and to the right – the values are given in pixels)
- Background border radius – you can turn the background edges to a round shape or to a more angular one
- Background border color – set the color of the buttons background border, from this section
- Background border thickness – select from the variables that define how thick the buttons background border should be (for the upper part, lower part, left side and right side)