Can I change the colors of my LandingRabbit page?

Yes, you can.

In the page editor, click the 'Edit styles' button at the top of the page preview.

Screenshot of the LandingRabbit page editing tool and focus on the "Edit styles" button

Or, hover over a specific section and click the 'Edit styles' button to open the chat.

Screenshot of LandingRabbit page builder and a colorful icon for changing page styles

From there, you can request color changes for any section.

For example, you can say:

"Change the hero section background color to light pink"

Screenshot of a chat interface discussing editing background color in LandingRabbit

LandingRabbit will update the design in just a few seconds.

Making precise color changes

If you want exact brand colors, you can include a color code in your request.

You can also create gradients, and you can specify them in as much detail as you need.

What colors can be changed?

Pretty much anything you see on the page:

  • Background colors
  • Font colors
  • Button colors
  • Element borders
  • Bold and link colours
  • Section paddings and item spacing
  • And more...

As you hover over elements in the preview, you’ll see tooltips showing what each element is called.

Screenshot of a landing page editor displaying Google Docs integration with text and design options.

Using those names in the chat helps LandingRabbit apply changes more accurately.

Saving your color updates

If you want to create a style for a specific page and section, click the 'Edit styles' button for that section, or choose from the dropdown.

Screenshot of LandingRabbit editing tools showing style options for a webpage, including 'Full page', 'Hero', and 'FAQ'.

Then, make edits to that section.

Once you're happy with the changes, you can save them as a new style and reuse later on other pages.

Screenshot of the LandingRabbit page editor showing styling options and chat features for user feedback.

If you have any issues with color editing or LandingRabbit doesn’t seem to support a certain tweak, please don’t hesitate to send us a message via mailto:[email protected]