Modern Banner

To add this section, please follow below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Modern Banner".

Section Feature

Layout

Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width).

Background Color

Apply the color for the section background.

Background Gradient

Apply the gradient color for the section background.

Background Image

Select/Upload an image as the section background.

Spacing Top / Spacing Bottom

Determine the spacing of the device from the top and bottom for Desktop, Tablet and Mobile device.

Alignment

Select Content Horizontal and Vertical Alignment.

Title

Enter the title for the block.

Title Color

Set the color for the title.

Title Font Size

Determine the font size of the title on Dekstop.

Title Font Size Tablet

Determine the font size of the title on Dekstop on Tablet.

Title Font Size Mobile

Determine the font size of the title on Dekstop on Mobile.

Title Spacing Bottom

Determine the spacing of the title from bottom.

Title Spacing Bottom Tablet

Determine the spacing of the title from bottom on Tablet.

Title Spacing Bottom Mobile

Determine the spacing of the title from bottom on Mobile.

Description

Enter the description for the block.

Description Color

Set the color for the Description.

Description Font Size

Determine the font size of the description on Dekstop.

Description Font Size Tablet

Determine the font size of the description on Dekstop on Tablet.

Description Font Size Mobile

Determine the font size of the description on Dekstop on Mobile.

Description Spacing Bottom

Determine the spacing of the description from bottom.

Button Setting

Select setting for button style, text, link, Font Weight, Font Size, Letter Spacing, Border and color.

Last updated