Customize Roller theme: Settings - Color
Roller is a free theme on ShopBase. This theme is incredibly flexible and sophisticated that will make your shop as stunning as it is fast. You can change the typography on your storefront directly in your ShopBase Theme settings. In this article, we will show you how to change colors using Roller theme.
A. How to change a color
B. How color is displayed for each sub-element
From your ShopBase admin site, go to Online Store > Themes. Select the Roller theme you want to edit and choose Customize.

In Settings tab, select Colors.

For each content type, click the color swatch to open the color picker. You could find your color with the Color bar, or enter the Color code. To set the color to transparent, click to drag the opacity to 0.

Once finished, click Save.
Background

Top bar background

Menu background

Menu background opacity

Announcement bar background

Newsletter section background

Product description background

Mini cart background

Footer background

Goal progress bar background

Announcement message text

Logo text

Page headings

Page content text

Footer headings

Footer text

Price

Compare at price

Top menu

Main menu

Links

Footer link

Buttons

Buttons label

Banner buttons

Banner buttons label

Mini cart button

Mini cart button label

Customize Bassy theme: Settings - Color
In this article
A. How to change a color
B. How color is displayed for each sub-element
A. How to change a color
From your ShopBase admin site, go to Online Store > Themes. Select the Roller theme you want to edit and choose Customize.

In Settings tab, select Colors.

For each content type, click the color swatch to open the color picker. You could find your color with the Color bar, or enter the Color code. To set the color to transparent, click to drag the opacity to 0.

Once finished, click Save.
B. How color is displayed for each sub-element
1. Background:
Background

Top bar background

Menu background

Menu background opacity

Announcement bar background

Newsletter section background

Product description background

Mini cart background

Footer background

Goal progress bar background

2. Text:
Announcement message text

Logo text

Page headings

Page content text

Footer headings

Footer text

Price

Compare at price

3. Links:
Top menu

Main menu

Links

Footer link

4. Buttons:
Buttons

Buttons label

Banner buttons

Banner buttons label

Mini cart button

Mini cart button label

Related articles
Customize Bassy theme: Settings - Color
Updated on: 24/08/2022
Thank you!