September 21, 2018

How to change the Custom Colors

you might also like:

Will an internal upgrade launch my business to new heights?

Find out in 2 minutes

take the quiz!

Changing Volumes Colors are mainly done via the Theme Customizer. There are a few that are controlled by CSS. The rules for them are found in the Customizer > Additional CSS. They have been placed together at the top of the stack for easy access:

Link accents

Styling for Category Tags found in Blog Articles & Single Post Header and the Next / Previous links in the Featured image post navigation.
Link


.hero-category a, .post-nav, .entry-meta .cat-links a {
    background-color: #ff3366;
    color: #fff !important;
}

Custom Slide Out Navigation

Slide Out Header

This is a hooked element used to create the custom toggles.


/* bar at the top of slide out */
.slideout-header {
    background-color: #0b0521;
}
Slide Out Toggle

/* Menu Open colors */
.slideout-header .custom.slideout-toggle a {
    background-color: #ff3366;
}
/* Menu Exit colors */
.slideout-header .slideout-exit {
    color: #fff;
    background-color: #ff3366;
}
Slide Out Menu background

To create the slide down effect the Slide Out navigation background is set to transparent in the Customizer.



/* Background of menu */
#generate-slideout-menu .slideout-menu li {
    background-color: #0b0521;
}

Blog post navigation

The Blog post navigation page numbers and next previous styling.

123


.nav-links .page-numbers {
    background-color: #0b0521;
    color: #fff;
}

.nav-links .page-numbers:hover {
    background-color: #383f49;
    color: #fff;
}

Author Box


.author-box {
    background-color: #f1f6f7;
}

Comments Toggle

The show and hide toggle before the Posts Comments form.


.slider {
    background-color: #0b0521;
}

input:checked+.slider {
    background-color: #ff3366;
}

Hey, I’m Malorie.

I work with leaders to drive strategic growth,  pushing their businesses ahead while fostering a well-balanced and aligned personal life.

Success isn't cookie cutter and neither is my approach to coaching.









ForbeS #1  Podcast
Author 
CEo whisperer 
catalyst to many

Business owners and CEOs

Take this two minute quiz to find out if an internal upgrade is what you need for your next level of growth.

Ten Tricks for Better Insta Photos

Trust fund gluten-free scenester PBR&B hot chicken. Poke try-hard vegan pop-up. Banh mi meggings before they sold out.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt wisi enim ad minim veniam.

FREE download ↓ 

tHE REVIEWS ARE IN:

"Do yourself a favor and subscribe to this podcast. It has helped me shift my mindset and grow my business immensely. "

“Malorie makes you feel like you're talking to a good friend  - it's abundantly clear she cares about her audience.”

WORK TOGETHER

let's connect