Theme settings for Roller: Colors

Modified on: Wed, 3 Jul, 2019 at 5:47 PM


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

In the Theme settings, you can control the colors and typography showing on your storefront. 


On this page:

A. Change a color

B. Element and sub-elements to change colors

C. Illustration of color change for each sub-element


A. Change a color

1. From your ShopBase admin, select Online Store > Themes.

2. Beside Roller, choose Customize.

3. Next to Sections tab, click Settings.

4. Select Colors.

5. 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 the transparent swatch at the end.

6. Click Save.


B. Setup Colors for each element

ElementSub-elementNote
BackgroundBackground

Top bar background
Menu background
Menu background opacity
Announcement bar background
Newsletter section background
Product description background
Mini cart background
Footer background
TextAnnouncement message text
Logo text
Page headingsApplied to Homepage, Collection lists, Collection detailed pages, Product pages, and Other pages (such as Contact us, Terms).
 
Page content text
Footer headings
Footer text
Sale price
Compare at price
LinksTop menu
Main menu
Links
Footer Link
ButtonsButtonsButton's background color
Buttons labelColor of text on button
Banner buttons
Banner buttons label
Mini cart button
Mini cart button label

C. Illustration of color change for each sub-element

1. Background:

- Background

- Top bar background

Menu background

- Menu background opacity

- Announcement bar background

- Newsletter section background

- Mini cart background

- Footer background

2. Text:

Announcement message textLogo text

Page headings

Page content textFooter headings

Footer textSale priceCompare at price

3. Links:

Top menuMain menu

Links

Footer link


4. Buttons:

Buttons

Buttons label


Banner buttons

Banner buttons labelMini cart button

Mini cart button label


If you need our assistance with the steps, don't hesitate to shoot an email. We are here to help!

ShopBase team.



Did you find it helpful? Yes No

Can you please tell us how we can improve this article?