Skip to content

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.

FieldWhat It DoesExample
HeadingThe large text displayed on the banner”Air Freight Services”
Background imageThe full-width background photoA photo of cargo planes
Quote textOptional quote displayed instead of headingA customer testimonial
Button textButton label”Get a Quote”
Button linkWhere the button links to”/contact-us/“
Button iconOptional icon on the buttonAn arrow icon
  1. Open the page in the Visual Editor.

  2. Click on the hero banner area at the top of the page.

  3. The sidebar will show the hero banner fields.

    Hero banner fields in the sidebar panel

  4. 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
  5. Click Save to apply your changes.

The homepage has a different hero component with additional features:

FieldWhat It Does
TitleMain heading (inline editable)
Highlighted textText shown in red/accent color (inline editable)
SubtitleText below the heading (inline editable)
Search placeholderPlaceholder text in the search bar
Button textSearch button label
Background images (rotating)List of rotating background images

The homepage hero cycles through multiple background images:

  1. Click on the homepage hero to select it.

  2. In the sidebar, find the Background images (rotating) list.

  3. To add an image: click the + button and upload or select an image.

  4. To remove an image: click the x next to the image entry.

  5. To reorder: drag images up or down in the list.

  6. Click Save.