Color Themes

Description

In 7.1 you can set color themes for different element of your site

Custom CSS

For style changes across multiple pages, add the code snippet to your Custom CSS panel and each page will be updated.

Advanced Code Injection

For style changes on one page, add the code snippet to the page Advanced Code Injection so only that page will be updated. Enclose your code in style brackets like this:

<style>

.white.page-section  {
}

</style>

Custom CSS

/* Lightest 1 */
.white.page-section {
}

/* Lightest 2 */
.white-bold.page-section {
}

/* Light 1 */
.light.page-section {
}

/* Light 2 */
.light-bold.page-section {
}

/* Bright 1 */
.bright-inverse.page-section {
}

/* Bright 2 */
.bright.page-section {
}

/* Dark 1 */
.dark.page-section {
}

/* Dark 2 */
.dark-bold-bold.page-section {
}

/* Darkest 1 */
.black.page-section {
}

/* Darkest 2 */
.black-bold.page-section {
}