Can I edit the look and feel of the Alternate section?

Yes, you can.

You can change colors, adjust spacing, control how big the image is, and much more.

Hover over the Alternate section in the page preview and click 'Edit Styles' to get started.

Screenshot of the LandingRabbit dashboard and editing styles

Let's have a closer look 👇

Change background colors

You can change the background color of the entire section to a flat color or gradient.

Screenshot of the LandingRabbit dashboard and editing the background colour in the Alternate section

Or upload a background image.

Interface showing a prompt to upload a collection background image, with input fields and microphone icon.

You can add a border to items if you want to make them stand out more.

Screenshot of the LandingRabbit dashboard and editing styles for Alternate section items

You can also change the background color of the Alternate items.

Screenshot of the LandingRabbit dashboard and editing the background color of the Alternate items

Adjust alternate layout and spacing

You can control:

  • Padding top and bottom

  • The width of the whole section

  • The width of the section title and subtitle

  • How much width the image and text get

  • If images appear on side or alternate

  • The spacing between items

Just describe what you want in natural language, and LandingRabbit will adjust the layout for you.

Here's an example with images on side.

Screenshot of the LandingRabbit dashboard and editing styles to show Alternate items on one side

In this example, we asked to give images more space.

Screenshot of the LandingRabbit dashboard and changing the image size in the Alternate layout

Add more content items

In addition to style changes, you can customize what content fields are displayed in this section.

In the section heading, click the plus icon to add an eyebrow and CTA buttons.

LandingRabbit page editor for Alternate section with element selector for heading content

To each alternate item, you can add:

  • Eyebrows

  • Heading (H3)

  • Text block

  • CTA buttons

LandingRabbit page editor for Alternate section items. Editor showing what content items you can add (eyebrow, h3, text block, CTAs)

You can add as many as you like and also drag n drop their order.

LandingRabbit Alternate section editor with a drag n drop handle highlighted

This article is only a snapshot of what you can customize. If you need any help, don‘t hesitate to send us a message via [email protected]