In the “Banner 3 column” section, you can customize the content by adding blocks, buttons, and a header. However, there is a limitation on the number of blocks you can add. You can only add 1 header, 3 blocks, and buttons to this section.
In addition to the basic settings similar to other sections, the “Banner 3 Columns” section includes specific options like “Row reverse” and “Layout – Gap” in the “Layout – Setting.” These options provide customization abilities for adjusting the layout according to your preferences:
You can add blocks by clicking on “Add block”:
After that, to edit within each block, follow these steps:
- Click on the “Card” option located on the left-hand side.
Image setting
Firstly, in the “Image setting” part, you can add custom images and edit them to fit both desktop and mobile displays. You also have the option to customize the width and alignment (Left, Center, Right) of each block. Additionally, you can make the images clickable by adding a link in the “Image – Link” field. This way, users can interact with the images by clicking on them.
Content – Setting
Next, in the “Content – Setting” part, you can easily customize the content’s position and width by clicking on “Position,” “Content – Vertical,” “Content – Horizontal,” and adjusting the width with the blue dots.
Content – Spacing
In the “Content – Spacing” part, you can customize the spacing above, below, right and left the content by adjusting the blue dots on the toolbar. You can also tailor the spacing to display appropriately on both desktop and mobile devices for a seamless experience.
Content – Text
To add or edit the displayed content, you can do so in the “Content – Text” part. You will enter the content for Heading, Sub Heading, and Body text into the respective fields. After that, you can adjust the font size of each content by clicking on “Heading – Size,” “Sub Heading – Size,” and “Body Text – Size.” You can also change the text color by clicking on the respective fields: “Heading – Color,” “Sub Heading – Color,” and “Body Text – Color.”
Button – Setting
Finally, in the “Button – Setting” part, you can customize the button’s spacing by adjusting the blue dots on the toolbar. To add content to the button, enter text in the “Button – Text” field, and then adjust the font size by clicking on “Button – Style.” Furthermore, you can add a link or navigate to another page by clicking on “Button – Link” and “Button – Target” to customize the button’s functionality. These options provide you with full control over the appearance and behavior of the button.
