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.

PreviousImage with textNextMini banner