Want to give your website a fresh new look? One of the easiest and most impactful ways to do that is by playing with color! Choosing the right color palette can dramatically change how your site feels. This guide will walk you through the simple steps to customize your website's colors. Let's get started!
Color Defaults
Each website design comes with a default color palette:
How to Change a Color
Click the color swatches to expand the colors editor, and click any color to open the color picker and make a new selection.
Use the color gradient swatch to pick your color, or select a specific color by typing in the Hex Color Code at the bottom of the color picker.
What colors can I change?
The website layout you choose will impact the color options available for you to edit.
Multi-Page
"Art background" changes the background color on the left and right side of the screen. Please note that not all art options allow for a background color.
"Page background" changes the background color of the center pane that has your photos and text.
"Page font" changes the font color for all page content.
"Link & button" changes the color of links and buttons, such as on the schedule or travel page.
Single Page
"Art background" changes the background color of the Welcome screen at the top right side of the page. Please note that not all art options allow for a background color.
"Art font" changes the font color for that same Welcome screen.
Tip: If you'd like to change the color of the event name on the left side of the screen over the photo, you can use custom CSS.
"Page background" changes the background color of right side for any page other than Welcome.
"Page font" changes the font color for all page content after Welcome.
"Link & button" changes the color of links and buttons, such as on the schedule or travel page.
Still have some questions?
Ask us directly! Click on the black and white chat bubble in the bottom-right corner of this page to ask us your questions, or you can email us at support@withjoy.com. You’ll get a friendly response from someone on our team! 🙂