🛠️Image with animated text

Adding a Section

In order to add a section, you need to go to Customizer → Add Section → Image with animated text.

Section settings

1. Heading - setting allows you to set the text for the title;

2. Heading desktop font size - setting allows you to set the font-size for the desktop title;

3. Heading background-image - the setting allows you to set the background-image for the heading.

4. Enable heading outline - setting allows you to turn on the outline for the heading(Not working with heading background-image);

5. Subheading - setting allows you to set the text for the subtitle;

6. Text - setting allows you to set the text for the text;

7. Button label - setting allows you to set the label for the button;

8. Button aria-label - setting allows you to set the aria-label for the button. This attribute allows screen readers to better convey information to people with disabilities;

9. Button link - setting allows you to set a link for the button;

10. Button type - setting allows you to set the type of the button;

11. Image - setting allows you to select the image;

12. Top layer - setting allows you to select heading/image as top layer between each other.

13. Enable animation - setting allows you to turn on the mouse-move animation for the image(Animation is working by mouseover of the section, when it has heading and image);

Colors

1. Heading - setting allows you to select the color of the heading;

2. Heading outline - setting allows you to select the color of the heading outline;

3. Heading background - setting allows you to select the color of the heading background container;

4. Subheading- setting allows you to select the color of the subheading;

5. Text - setting allows you to select the color of the text;

Layout

1. Container width - a container width of the section. If the “Inherit” value is selected then the container width is based on the group 'Layout' settings in the Theme settings;

2. Desktop offset top - the top indent of the section on the desktop;

3. Desktop offset bottom - the bottom indent of the section on the desktop;

4. Mobile offset top - the top indent of the section on the mobile;

5. Mobile offset bottom - the bottom indent of the section on the mobile.