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

Yes, you can.

You can change colors, adjust spacing, control how many boxes appear per row/column, and even move text around.

Hover over the Boxes section in the page preview and click 'Edit Styles' to get started. LandingRabbit dashboard and the Edit styles icon

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 LandingRabbit dashboard and edit styles chat with AI

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 boxes if you want to make them stand out more.

User interface for changing the Boxes section styles and border colour

You can also change the background color of boxes.

Set one color for all boxes, or define specific colors for each box. For example, make the first box white, the second pink, and the third blue.

Screenshot of LandingRabbit design customization options and how to change the background colour of each box

Adjust box layout and spacing

You can control:

  • How many boxes appear per column (by default, three to four boxes are visible)
  • The width of each box
  • The spacing between boxes
  • The width of the whole section

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

In this example, we asked to make the section two columns and decrease the space allowed for each box.

Screenshot of the LandingRabbit dashboard and editing the boxes layout columns and sizes

Move header text to the left

By default, the section title and subtitle sit at the top.

If you hover over the section and click Layout options, you can move the text to the left-hand side instead.

User interface showing layout options for a design tool, including 'Alternate', 'Boxes', and 'Text Boxes' settings.

This gives you more flexibility in how you structure the section.

Screenshot of the LandingRabbit dashboard and editing the boxes layout structure

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]