> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.shoperb.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Theme Builder: General settings

###### How to edit and design your store?

With **Theme Builder **you can edit your design the way you like. You can add images, texts, newsletters, write in HTML - you name it. Let's describe piece-by-piece how to use our Theme Builder.

1. Go to **"Navigation"**, then "Themes", click **"Customize"**:

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/11-screen-shot-2020-05-07-at-1_3p1lf5.png)

It opens up **Theme Builder**:

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/12-screen-shot-2020-05-07-at-1_7kpgx4.png)

2. In the menu on the right at the top you can see a little tool sign. This opens up **"General Settings"**:

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/13-screen-shot-2020-05-07-at-1_79yqqj.png)

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/14-screen-shot-2020-05-07-at-1_1cqwmyb.png)

Lets describe **"General Settings"** one-by-one.

Theme - Classic. In this case it will stay the same.

**Colors **- choose a color for your text and headlines (preheader, header, footer, body, pagination colors).

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/14-screen-shot-2020-05-07-at-1_1fwtuls.png)

**Text Styles**. You can add fonts, size, height and weight for your texts and headlines.

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/15-screen-shot-2020-05-07-at-1_1had5sz.png)

**Buttons**. What colour you would like to have **"Contact us"** button, you can modify it in here:


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/16-screen-shot-2020-05-07-at-1_1lfrhzk.png)

Add **"Favicon"** to your webpage.

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/122-screen-shot-2020-05-07-at-_1n639hl.png)

**Customization**. You can "Select Elements" or **"Swatch Boxes"** to see how your products appear on product page.

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/33333-screen-shot-2020-05-07-a_zlgf7f.png)

**Modal Window.** Add a pop-up message to your front page. For instance, there is a huge sale or big announcement.

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/333-screen-shot-2020-05-07-at-_rddc03.png)