Banner with text columns

Create an organized layout with up to four text columns and a prominent banner image, offering flexibility in appearance, colors, button styles, and image configurations for a visually appealing and content-rich webpage.

Section settings

• Layout settings: Choose between ‘row’ or ‘columns’. Set vertical alignment ‘top’, ‘center’, or ‘bottom’, with content always centered on mobile in a ‘row’ layout. Align text to ‘center’ or ‘left’.

• Color: Choose the text color for the banner: either ‘Light’ or ‘Dark’.

• Button: Select the button color, style, and size.

• Image control: Display only the image added to the first column item if enabled.

• Heading: Control the size of the heading. Adjust the value from 50% to 150% in 5% increments.

Block settings

• Column: Add an image to the column. Adjust the text contrast overlay for better readability.

• Text: Provide a subheading and heading for the column, and use the rich text editor to add text content.

• Button: Define the button text and add the button link.