Personalize your Site Appearance

Rosa 2 takes full advantage of the Customizer to manage the settings for your layout, spacings, sizes, and more as easily as possible.

And what better way to make style twists than with the live preview? Simply change any setting and see it take effect right way from Appearance → Customize. Make sure it represents your overall style and is in line with your brand personality. Consistency matters and helps you stand out from the crowd.

Layout

To find the layout settings, you need to go to your WordPress dashboard and then navigate to Appearance → Customize → Theme Options → Layout. This section provides options for changing the Content and ContainerWidth, along with Spacing. These features will allow you to customize your website’s layout easily and display the content on each page or blog post as wide you need.

In the same Theme Options area, you will find the settings to the Header. You will be able to customize the logo height on mobile and desktop, the header and navigation bar height, navigation link spacing, and choose if you want the menu to be sticky (stay visible) on page scroll or not, and more.

Separators

As the name implies, you can choose how the separators on your website look like.

Content

Here are a few options regarding how the blog posts will show up on your blog page. You can choose to enable or disable the visibility of elements like post date, author name, category, etc. Here’s a helpful video.

Colors

Using a color picker is not ideal when you want to customize your website. Having an unlimited number of color options makes the decision of choosing the right one nearly impossible. Plus, it’s easy to mess them up and wrongly combine them. That’s why we built the Style Manager, an interactive system that lets you choose between pre-defined color palettes or create your own. You can read more about where to find it and how to use it in this article.

Fonts

Rosa 2 comes with Style Manager, an intuitive system that lets you choose between pre-defined font palettes. We made sure each combination works great with one another and gives your website a unique look. You can read more about where to find the right fonts for your website and how to use Style Manager in this article.

Sizes and Spacings

Navigating to Appearance → Customize → Style → Sizes and Spacings enables you to customize the Logo Height (more details about it here) and the filmstrip images spacing (screenshot).

Add custom CSS code

You have the ability to insert your own custom CSS code straight into the Customizer and get a live preview of it. Go to AppearanceCustomizeAdditional CSS and add your custom code.

Updated on September 18, 2020

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at hello@pixelgrade.com and we will give you a helping hand.