---
title: "How to edit the Alternate section look & feel"
description: "Easily customize colors, spacing, and layout of the Alternate section with LandingRabbit’s AI-powered style editor."
url: "https://landingrabbit.com/documentation/edit-the-look-and-feel-of-the-alternate-section"
lang: "en"
---

# 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](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/09aa3e9984e52c368072fd9e40d8aa6cadcffdb4--960w.webp)

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](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/4f432cc04db334acd7ac3e45216452ede9734d58--960w.webp)

Or upload a background image.

![Interface showing a prompt to upload a collection background image, with input fields and microphone icon.](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/802905013d05c0e59b63300cb62181bb6cb55d9b--960w.webp)

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](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/2bbabd39d0a42120316860575ff81bba222f519b--960w.webp)

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](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/94d3017657bf76a32f469ef894455e2aa226a70c--960w.webp)

## 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](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/50c1d3d01b9be2d09b996a6fc4e0ef088157d236--960w.webp)

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

![Screenshot of the LandingRabbit dashboard and changing the image size in the Alternate layout](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/194a597985ed0aeb61ef97cf8258c683d9125cd8--960w.webp)

## 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](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/d9ca1263852942354dc29bef5b984ba667b5c292.webp)

To each alternate item, you can add:

*   Eyebrows
    
*   Heading (H3)
    
*   Text block
    
*   Boxes
    
*   Testimonial
    
*   CTA buttons

![LandingRabbit page editor with Alternate section content items selection](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/31905cdcb3bb1ef9a28dfad41930b3dffb608498--960w.webp)

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](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/c77090124fe82d92f33798134cdba9ef51876f0f--960w.webp)

A testimonial can make your message stronger.

![An example of a testimonial in an Alternate section](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/0bcff1674fd517a32f6a7045d3b368f490724051--960w.webp)

Boxes can help you show key facts, features, and achievements in an easy-to-digest format.

![An example of boxes in the Alternate section](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/e282c6606884d1c91e5186409b4969689dd37860--960w.webp)

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 [team@landingrabbit.com](https://mailto:team@landingrabbit.com/)