Editing Hero Banners
How to update the hero banner sections at the top of pages.
Every page on the LXGlobal website has a Hero Banner at the top — a full-width section with a background image, heading, and optional call-to-action button.
Hero Banner Fields
Section titled “Hero Banner Fields”| Field | What It Does | Example |
|---|---|---|
| Heading | The large text displayed on the banner | ”Air Freight Services” |
| Background image | The full-width background photo | A photo of cargo planes |
| Quote text | Optional quote displayed instead of heading | A customer testimonial |
| Button text | Button label | ”Get a Quote” |
| Button link | Where the button links to | ”/contact-us/“ |
| Button icon | Optional icon on the button | An arrow icon |
How to Edit a Hero Banner
Section titled “How to Edit a Hero Banner”-
Open the page in the Visual Editor.
-
Click on the hero banner area at the top of the page.
-
The sidebar will show the hero banner fields.

-
Edit the fields you want to change:
- Type a new Heading or Quote text
- Click the Background image field to change the photo
- Update the Button text and Button link
-
Click Save to apply your changes.
Homepage Hero (Special)
Section titled “Homepage Hero (Special)”The homepage has a different hero component with additional features:
| Field | What It Does |
|---|---|
| Title | Main heading (inline editable) |
| Highlighted text | Text shown in red/accent color (inline editable) |
| Subtitle | Text below the heading (inline editable) |
| Search placeholder | Placeholder text in the search bar |
| Button text | Search button label |
| Background images (rotating) | List of rotating background images |
Managing Carousel Images
Section titled “Managing Carousel Images”The homepage hero cycles through multiple background images:
-
Click on the homepage hero to select it.
-
In the sidebar, find the Background images (rotating) list.
-
To add an image: click the + button and upload or select an image.
-
To remove an image: click the x next to the image entry.
-
To reorder: drag images up or down in the list.
-
Click Save.