✨Promotional banner

This section is to display the promotional banner.

Configure the promotional banner

Select the customize theme option. Click on the dropdown menu at the top to select the Home page template.

From the left side menu, select Promotional banner.

Customize the section by utilizing the settings on the right side of the theme editor, as described below:

General	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 Show border Tick this checkbox to show the border around the banner. Make section fullwidth Tick this checkbox to make the section fullwidth.
Colors	Color scheme Select the color scheme. Note: These can be managed from Theme settings> color schemes. Enable gradient Select this check box to enable the gradient color specified in the color scheme assigned above.
Section padding	Top spacing (desktop) Adjust the range bar to add spacing at the top of the section for desktop view. Bottom spacing (desktop) Adjust the range bar to add spacing at the bottom of the section for desktop view. Top spacing (mobile) Adjust the range bar to add spacing at the top of the section for mobile view. Bottom spacing (mobile) Adjust the range bar to add spacing at the bottom of the section for mobile view.

Block setting

General	Heading Add heading text. (Note: Wrap your text between [ ] to add the markers. For example, This [marker] will underline marker text.) Marker text highlight style Select from Underline or Background to determine the highlight style. Highlight background Select from Gradient or Solid to determine the highlight background. Heading size Select the heading size from the H1-H6 options. Heading tag Specify heading code types from H1-H6 for SEO and search engines for crawling purposes. Description Enter the description text. Content alignment Select from the left, center or right to determine the heading alignment. Image Select any image.
Discount	Text Add any text to show next to the discount code. Code Add the discount code.
Button	Text Add text to display as button text. Link Add URL to redirect button. Show button as link Select the checkbox to show the button as a link. Size Select the button size from: - Small - Medium - Large - Extra large
Colors	Background Select the background from the following options: -Gradient -Solid Gradient Select the gradient color. Solid Select the solid color. Others Border color Select the border color. Discount Link Select the discount link color. Background Select the discount background color. This color applies to both the banner border and the discount background.