How to edit the LandingRabbit website design

There are a few ways to edit the design of your LandingRabbit pages, depending on how wide you want the changes to be.

Hover over the page preview on the right-hand side of the editor. You will see an Edit styles button at the top of the preview.

Click that and a chat opens. You can ask for changes for the whole page and all Styles, section and all its Styles, and each section specifically.

You can also hover over any individual section, such as the hero or a boxes section. At the top of each section, you will see two icons: one for layout options and settings and one for editing styles in that specific section.

When you click Edit styles, a chat opens.

• Change the section background color

• Adjust font sizes, colors, or font weight

• Edit section paddings and item gaps

• Update button colors and hover states

• Change the section's max width

• And much more

Just describe what you want to change, and LandingRabbit applies the updates.

If LandingRabbit is not picking up the right element, hover over titles, buttons, or other items while the chat is open. You will see detailed element names appear, and you can click them to add to the chat. The detailed item names help LandingRabbit to adjust the right part of the page.

You can also request style changes for desktop and mobile separately.

In LandingRabbit, each section can have unlimited number of saved Styles. When you click Edit styles on top of any of the sections, you'll find a Styles dropdown.

Styles can be shared between pages. When you make a change on one page and to a specific Style, it updates on all other pages. Clever!

When you want to create a look & feel for a specific page, click the Styles dropdown and create a new Style.

This will allow you to keep the changes and look and feel specific to pages that use this Style.

For wider changes across your whole site, use the Design tab.

LandingRabbit comes with 65+ layouts and styles out of the box, and all your layouts can be shared between pages.

This makes it easy to update the design across many pages at once. For example, if you want to change the hero title size on all landing pages, you only need to update the shared hero layout once.

In the Design tab, hover any layout and click the design icon to edit that layout specifically.

Or click Edit styles at the top to make changes across one section type and all its styles or the whole page and every section.

When you hover elements in this view, you can also see how many pages currently share that layout.

Click the number to see exactly which pages use it, so you can check whether a change might affect a page you want to leave untouched.

You can also build fully custom design components using HTML and CSS. Just like standard sections and styles, custom components can be shared between pages.

If you are rebranding and want to change everything from background colors to fonts and brand colors all at once, use the rebrand tool instead.

For section-specific layout and design details, see the documentation for Hero, Boxes, Alternate, Tabs, Steps, Pricing, Testimonials, Feed, FAQ, and Collection Page.

If you have any questions, reach out via email the team at [email protected].