This centered hero puts your job search in the spotlight, offering full control over text and background overlay transparency.
How to Add Hero - Search Banner 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 - Search Banner 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, select the desired text format and enter your text. You have all common options at your disposal, such as various headings, bullet points, tables, or links.
Next, upload your background image and provide a suitable alternative text. You can adjust the image section directly in the editor using the crop function. Additionally, you can add a caption and set an individual text format for it as well.
How to Style Hero - Search Banner Centered
In the next step, you refine the look of your element. Use the LP Row Margin to set the vertical spacing and create 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.