The Simple Centered Hero features a clean, centered layout that keeps your message focused without filling the entire width of the screen.
You can include up to two buttons, customize their colors, and adjust the spacing to ensure a perfect fit.
How to Add Hero - Simple Centered
To add the element to your page, first click on "Add Paragraph." Select the "Hero Section" category from the overview and add the specific element "Hero - Simple Centered" by clicking the "Add this row" button.
How to Configure Content Settings
Once the row has been added, you can customize the content. First, enter your main heading, which will be displayed in a large font right in the center of the Hero section, and add your subtext directly underneath it.
Additionally, you can include up to two CTA buttons to guide your candidates. Next, upload your background image and provide a suitable alternative text to ensure your content is accessible to everyone.
How to Style Hero - Simple Centered
In the next step, you refine the look of your element. You can adjust the colors of your buttons to match your brand and use the LP Row Margin to set the vertical spacing, creating the desired structure on the page. With Overlay Transparency, you control the brightness of the background image: while 100% represents the original state, the image is shown completely black at 0%. This ensures that your text remains optimally readable at all times.
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.