Banner columns

The "Banner column" section is provide by the Poco theme. This section is used to add a Image banner with a title,description and button.

Setting
Description

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6 and so on.

Layout

Customization of the "Layout" in the banner column section is as follows:

  • Full width

  • Grid

Show border around section

By enable this, you can see border around the section.

Spacing around image

"Spacing around image" is to customize the spacing around image. You can show a minimum of “0” and a maximum of “40” spacing.

Heading

Text

Enter text to defines the main heading of the section.

Size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

  • Extra large

Alignment

Customization of the "Alignment" in this is as follows:

  • Left

  • Center

Number of columns on desktop

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “1” and a maximum of “4” banner column.

Desktop banner height

Customization of the "Desktop banner height" in the banner column section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Show banner in different position

Applicable on more than 2 banner blocks it will show grid layout.

Applicable on desktop.

View all button

Label

Use "Button label" to add a label to the Button in the section.

Link

Use "Button link" to add a link to the Button in the section.

Style

Customization of the button style in the banner column is as follows:

  • Link

  • Outline

  • Solid

Mobile Layout

Mobile banner height Customization of the "Mobile banner height" in the banner column section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Number column on mobile "Number of columns on mobile" is to customize the column on the mobile screen. You can show a “1 column” and “2 column” banner column.

Add block

To add block to the Banner column section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Image

Use "Image" to add the image to the block.

Mobile image

Use "Image" to add the image to the mobile block.

Clickable image

By enabling this checkbox, you can click on the image to redirect link. Clickable image link Enter link to for image.

Subheading

Show color scheme Enable color scheme and use background and text color to the subheading. Icon Select icon from given list to show with subheading. Text Enter text to display as a heading on the section. Heading size

Following is the font size customization of the heading in the section:

  • Small

  • Medium

  • Large

Heading

Text Enter text to display as a heading on the section. Heading size

Following is the font size customization of the heading in the section:

  • Small

  • Medium

  • Large

  • Extra large

Uppercase heading

Allows you to enable uppercase text styling for heading.

Text

Description Click on the "Add block" and select the paragraph. And enter text to display as a description on the section.

Offer

Show offer box By enabling this checkbox, you can see offer block. Text Enter text to display as a heading on the block.

Offer discount Enter text to display as a offer discount on the block. Background and Text color Select color for offer background and text color.

First button

Click on the "Add block" and select the Button.

Label

Use "Label" to add a label to the Button in the section.

Link

Use "Link" to add a link to the Button in the section. Style

Customization of the "Button style" in this section is as follows:

  • Link

  • Outline

  • Solid

Second button

Click on the "Add block" and select the Button.

Label

Use "Label" to add a label to the Button in the section.

Link

Use "Link" to add a link to the Button in the section. Style

Customization of the "Button style" in this section is as follows:

  • Link

  • Outline

  • Solid

Desktop content alignment

Customization of "Content alignment" as follows:

  • Left

  • Center

  • Right

Show content background

By enabling this checkbox, you can set background to the content.

Content background opacity

Set content background opacity level, minimum is "15" % and maximum opacity "100" % opacity.

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6 and so on.

Mobile layout

Content alignment Customization of "Content alignment" as follows:

  • Left

  • Center

  • Right

Animation

Image behavior Customization of "Image behavior" as follows:

  • None

  • Ambient movement

Last updated