This element offers full customization over background colors and spacing, while allowing you to align icon colors with your primary or secondary brand palettes.
How to Add Feature - Grid with Offset Icon
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 with Offset Icons" 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 a text. You can add as many of these feature blocks as you like.
How to Style Feature - Grid with Offset Icon
In the next step, you can refine the visual design of your feature section. Use the LP Row Margin to adjust the vertical spacing. You can define a custom Row Background Color. Additionally, you can specifically set the background color for the icons to either your Primary or Secondary brand color.
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.