This element showcases icons and text directly on a branded primary or secondary background. It provides a layout with adjustable spacing and uses distinct accent colors for titles.
How to Add Feature - Grid on Brand
Go to the Landing Page Section in the backend (Menu: “Content” > “Landing Pages”). Find and select the page you want to edit. To add the element to your page, first click on "Add Paragraph." Select the "Feature and Content Section" category from the overview and add the specific element "Feature - Grid on Brand" by clicking the "Add this row" button.
How to Configure Content Settings
Once the row has been added, you can customize the content to fit your messaging. Start by entering a main heading, along with a subtitle that appears at the very top for extra context. Below the heading, you can include a descriptive text.
To showcase your specific features, click on "add icon text icon" to create individual content blocks. For each element, simply enter a title and the a text. You can add as many of these feature blocks as you like.
How to Style Feature - Grid on Brand
In the next step, you can refine the visual design of your feature section. Use the LP Row Margin to adjust the vertical spacing. To ensure the section matches your brand identity, you can also define a custom Row Background Color by choosing between your Primary or Secondary brand colors. When a background color is selected, the titles within your feature elements will automatically adapt and display in a slightly darker shade to ensure readability.
Choose from our integrated list of icons or upload your own custom icon to give your content a unique and personal touch.
Once you are satisfied with the settings, click "Save" at the top of the page to store your configuration.
Final Outcome
To check your work, simply switch to the "View (Frontend)" tab at the top. Here you will see the live view of your element exactly as it appears to your users on the website.