Change accent color

[Boris Gutierrez]

Hi, I’m using the “safety” color scheme.  Can you show me how I can change the accent color from yellow to a lime green please?

Thank you

[Andy]

Hi, there are four different shades of yellow used in the safety color scheme.

By adding the following to Customize > Additional CSS and changing the colors will override the standard yellow colors

.top-logo a,
.top-tel:before {
    color: #ffd500;
}

.top-cta .btn {
    background-color: #ffd500;
}

.site-footer a,
.footer-widget .widget ul li a {
    color: #fddc32;
}

.slide-caption .heading1,
.site-footer a:hover,
.footer-widget .widget ul li a:hover,
#home-services .fa,
.testimonials .fa-fw,
.claremont-testimonial-list .fa-fw,
.claremont-testimonial-style1 .fa-fw,
.claremont-testimonial-style2 .fa-fw,
.claremont-testimonial-style3 .fa-fw { 
    color: #fdde00;
}

.slide-caption .button1 .btn { 
    background-color: #fdde00;
}

.home-widget-right .widget {
    background: #fdde00;
}

.hentry,
.widget,
.post-author,
.comments-area,
.error404 .content-area,
.pagination .page-numbers {
    border-bottom: 2px solid #e4cb19;
}

This will also override any specific colors that you may have changed for any of these individual elements in the color options.

[Boris Gutierrez]

Thank you.   Is there a way to also change the color of the author icon and author and category name links as well?  Also the “continue reading” link.

Thanks

 

 

• This reply was modified 4 years, 10 months ago by Boris Gutierrez.

[Andy]

For the icons (author, date/calendar, category/folder etc) use this:

.entry-meta i,
.entry-footer i {
    color: #e4cb19;
}

For the author and category text links use this:
(by default these just use the “a” element site-wide color)

.entry-meta a,
.entry-footer a {
    color: #978500;
}

The continue reading link again is by default the standard link color, but can be changed with this:

.entry-content a {
    color: #978500;
}

[Boris Gutierrez]

Thank you.  All set

[Author]

Posts