Theme settings for Bassy: Colors

Modified on: Thu, 13 Jun, 2019 at 10:01 AM


Bassy is a free theme on ShopBase. This theme goes with edge-to-edge home page slideshow, two-column product pages, and dynamic product grid.

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 Bassy, 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
HeaderBackground
Links

PageBackground
HeadingsApplied to Homepage, Collection lists, Collection detailed pages, Product pages, and Other pages (such as Contact us, Terms).
Body text
Line color
Buttons' labelColor of text on button
ButtonsButton's background color
Links and accents
Product background
Sale tags
Form fields
Newsletter and tables background

FooterBackground
Text

DrawersButton
Text
Lines and borders
Background
Applied to Cart Drawer, Search Pop-up, Sidebar menu.

C. Illustration of color change for each sub-element

1. Header:

- Background

- Links

2. Page

- Background

- Headings

- Body text

- Line color

- Buttons' label

- Buttons

- Links and accents- Sale tags- Form fields

- Newsletter and tables background

3. Footer

- Background

- Text4. Drawers

- Button

- Text- Lines and borders

- Background


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?