✨Media banner

Section visibility

Select from the options to select the visibility of this section: -Always -Small devices only(On selecting this, the section will be visible on mobile devices only.) -Large devices only

Enable full width

Select this checkbox to enable full width of the section.

Enable parallax

Select this checkbox to enable the parallax.

Enable content parallax

Select this checkbox to enable the content parallax. It will be applicable only when parallax is enabled.

Image

Choose any image.

Video

Choose any video.

Desktop height

Choose the desktop height from the following options: -350px -550px -750px -Fullscreen

Mobile height

Choose the mobile height from the following options: -300px -400px -500px

Text

Heading Add heading text. (Note: To highlight the text with a different color, simply wrap it in bold.) Heading size Select the heading size from the H1-H6 options. Heading tag Choose the heading tag from H1-H6 for SEO purposes. Description Add any text to appear as the description.

Button

Style Choose the button style from the following options: -Solid -Outline -Link Text Enter the button text. Link Enter the button link. Size Choose the button size from the following options: -Small -Medium -Large -Regular

Content

(Note: Desktop and mobile positions are not applicable with the content parallax.) Desktop width Choose from small, medium or large to determine the desktop content width. Desktop position Choose from top, middle or bottom to determine the desktop position. Mobile position Choose from top, middle or bottom to determine the mobile position. Desktop alignment Choose from left, center or right to determine the desktop content alignment. Mobile alignment Choose from left, center or right to determine the mobile content alignment.

Colors

Heading Choose the heading text color. Heading highlight

Choose any color for the highlighted heading color. Description Choose the description text color. Banner overlay Choose the overlay color for the banner. Banner overlay opacity Adjust the range bar to determine the overlay opacity.

Button

Background Choose any color for the button background. Text Choose any color for the button text. Border Choose any color for the button border. Hover background Choose any hover color for the button background. Hover text Choose any hover color for the button text. Hover border Choose any hover color for the button border.

Last updated