Customizing Your Look
To customize your look click on the Design drop down > Click on Look.
The "Look" page will appear.
Classic vs. Modern
Thrive Online has 2 different design templates. We recommend "Modern" for most sites. To use the Modern design, click on Advanced Settings at the bottom of the page.
Then, select the Modern option:
The "Classic" option is another design alternative.
Preview Modern is used to turn on the "Modern" design features in the configuration area without affecting a live site.
Modern: Color Palette
With Modern design active, your color palette is shown at the top of the screen.
This design uses 4 colors. To customize these, navigate to the Design > Look page. Click on Customize Colors to select your color choices. You don't have to pick 4 different ones - you can just pick two as shown below for a clean look.
When you select Customize Colors you'll see a preview of your site, so as you change a color you can easily see how it will impact the design.
In some areas of the site, a variation of your selected color will be used (lighter or darker). You can click on "Edit All Colors" to see all the shades that will be used. We recommend that you leave the "Compute Shades" checked.
Clicking NEXT will save your changes and move to the next configuration screen.
Classic: Color & Design
Colors:
We have put together a series of color palettes that you can choose from in the dropdown. These are pre-set and cannot be changed.
However, if none of these colors work for you, you have the option to customize your own palette by clicking on "Customize".
A window will appear where you can enter hex color codes to create your own color palette. Click on the box of the color you want to change. If you know the hex number of the color you want to use, you can enter it into the box and click add.
If you do not know the number of the color you want to add you can click on the field where you can enter your color number and a color palette will appear.
Once you have selected the color you want; click Add and the color will be set in the block you chose.
Here is a breakdown of which color covers what part of your site.
Color 1:
Cart / Sidebar background
Cart Header Text
Footer Text Font Color*
Header Text Color*
Pop up tab color (Selected)
Color 2:
Page background
Cart Header background
Footer Background Color*
Header Background Color*
Pop up main text
Color 3: Pick a color that contrasts well with Color 1
Pop up tab color
Pop up body text
Cart / Sidebar text
Button color (function buttons)
Selection indicator color
Pop up header
Color 4: Pick a color that will contrast well with Colors 1, 2 and 3
Button text (function)
Pop up main background
Pop up tab text
Pop up header text
Main screen hyperlinks
Color 5:
Button border (function)
Header Slogan Font Color*
Here is an example of a color palette we have put together and how it looks on a site.
When you are satisfied with your colors click Save.
Buttons:
Now that you have your colors selected, you can pick the style of buttons you want. We have a list of button styles you can choose from. The style you select will be the style on all of your site's navigation buttons.
.png "Image: https://tol.uservoice.com/assets/89551599/7%20(1).png")
Fonts:
Next it's time to select a font that will compliment your color styles. Choose a font from the drop down for your headlines.
Then select a font from the drop-down for the body of your site.
When you are satisfied with your changes click the "Next" button to save.
To view the changes you have made, navigate to Publish, Publish to all locations, then click on the "View Site" button at the top right side of the screen under your login name.
