How do I change the look and feel of a LandingRabbit page?

Changing the look and feel of a page in LandingRabbit is quick and easy.

Once a page is generated, hover over the page preview on the right-hand side of the editor. At the top of each section, for example, hero, you’ll see two icons:

  • One for layout options
  • One for editing styles
LandingRabbit webpage builder for SaaS, with layout options for a content section

From layout options, you can choose switch the structure of the section.

But if you are looking to make changes to element colours and sizes, click the edit styles icon to open a chat.

Making style changes

In the chat, you can ask for changes like:

  • Changing the section background color

  • Adjusting font sizes, colors, or font weight

  • Updating button colors

  • Adding hover states to buttons

And much more.

Simply describe what you want to change, and LandingRabbit will apply the updates for you.

The LandingRabbit app and editing section look & feel via a chat interface

When the chat is open and when you hover over the content items like titles and buttons, you will find detailed element names. You can copy and paste them into the chat if you find that LandingRabbit isn't fully understanding what element you'd like to change.

LandingRabbit page builder with page element tips showing up when hovering the layout

Global styles and page-specific styles

By default, all changes are saved to the global styles of your LandingRabbit account. This means that if you edit a hero section, the same style will be applied to all hero sections across all pages you have in LandingRabbit. It's a real-time saver for busy marketing teams.

If you want a style that only applies to a specific page:

  1. Make your style changes

  2. Open the styles drop-down

  3. Click + New style and save it

This creates a page-specific style that you can reuse on other pages if needed.

When you edit an existing style, similar to the global styles, the changes are applied everywhere that style is used.

Need help?

If you have any questions about layout or style changes, feel free to reach out to us via Slack or email us at [email protected].