All our themes come with 4 color options. The first 3 color options are pre-defined while the fourth one is empty so that you can make your own colors. You're able to click on the small circle and choose two colors, one is primary color and the other is accent (secondary) color.
Image below shows all the standard colors available for our weebly themes.
TAKE NOTE: Some themes might have additional color options. The ones shown below are standard for majority of our themes.
Image below shows all the standard colors available for our weebly themes.
TAKE NOTE: Some themes might have additional color options. The ones shown below are standard for majority of our themes.
Defining The Colors
Primary BG Color: This is the text color of Primary Background. Imagine that you selected your primary background to be dark blue, only texts with white color will be visible on such dark blue background sections.
This is why if your primary background color is dark (example dark blue), then you select Primary BG Color to be white. If your primary background color is light (example light grey), then you should select your Primary BG Color to be dark so that texts on those areas are visible and readable.
This is why if your primary background color is dark (example dark blue), then you select Primary BG Color to be white. If your primary background color is light (example light grey), then you should select your Primary BG Color to be dark so that texts on those areas are visible and readable.
Accent BG Color: This is the text color of Accent Background. Imagine that you selected your primary background to be dark blue, only texts with white color will be visible on such dark green background sections.
This is why if your Accent background color is dark (example dark green), then you select Accent BG Color to be white. If your accent background color is light (example light yellow), then you should select your Accent BG Color to be dark so that texts on those areas are visible and readable.
This is why if your Accent background color is dark (example dark green), then you select Accent BG Color to be white. If your accent background color is light (example light yellow), then you should select your Accent BG Color to be dark so that texts on those areas are visible and readable.
Contrast Color: For most themes, contrast color is usually a text color certain texts and icon elements of a theme. It can be color for phone number (in the header), color for social icons, color for links, etc. By default, contrast color is usually the exact color of primary Background Color. You get to set your preferred color and you will notice the texts color change as you try different colors.
Below video [from 5:40] shows how to define your own colors for any of our weebly themes. Start watching from 5:40 to jump straight to color part.
CHANGE FONTS
Weebly makes it very easy to change the font properties of your website. They have provided a long list of fonts to choose from making it easy to choose font family, font size, font style, font weight, texts color and line-height. You're able to change these font properties for different elements and features of your website.
Above video [from 8:13] shows how to change font properties for any weebly website. Start watching from 8:13 to jump straight to font part.