Change Yellow Color

Estimateds
Good day there

First, thanks for your magnificent work, the theme works awesome for us and had changed a lot our digital image

We would like to configure the colors of some buttons, dots and links that appear in yellow to another color similar to our logo.

Hope you can help us

Waiting your reply
Regards
Hugo Fredes

I have solved

Sorry ! and thanks for all !

Could you share how you resolved this?

I have searched in the “Search Forum” of this page. For example " yellow button" , and there are some replys with the code for add to style.css… this page can be modified in appareance and then editor.

Put the following code in the end of that file. Start changing one by one, the code were says color or background color, there are colors written as #ffffff format or just the name of the color. And actualiceto see what are you changing. For color identification i recommend you this page http://www.color-hex.com/color/ffffff

hope this can help you

the full code that i’ve collectd from lot of posts is:

#header .bottom-header .header-button-two {
background: #00BFFF;
}
#header .bottom-header .header-button-two:hover {
background: #0040ff;
}

#latest-news .latest-news-button{
background: #00BFFF;
}
#latest-news .latest-news-button:hover{
background: #0040ff;
}

#header .bottom-header span.span-dot {
color: #00BFFF;
}

For the button backgrounds use this CSS code:

#header .bottom-header .header-button-two {
background: #00BFFF;
}

#contact-us {
background-color: #00BFFF;
}

#latest-news .section-content .post .post-title {
color: 00BFFF;
}
label.smform-field-label.required {
color: #00BFFF;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #00BFFF !important;

background-color: #00BFFF !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background: #00BFFF !important;

background-color: #00BFFF !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #00BFFF !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #00BFFF !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}

mark {
background-color: #fff !important;
}

/* WooCommerce button colors */
.checkout-button.button.alt.wc-forward {
background-color: #00BFFF !important;
}
.continue-shopping.button.alt.wc-forward {
background-color: #00BFFF !important;
}
.button.wc-forward {
background-color: #00BFFF !important;
}
.button.wc-backward {
background-color: #00BFFF !important;
}

.wp-contact-form input, .wp-contact-form textarea {
border: 3px solid #333;
margin: 4px 0;
padding: 5px;
background-color: #009353;
color: #fff;
}

#contact-us .section-content .wpcf7-form p .wpcf7-text,
#contact-us .section-content .wpcf7-form p textarea.wpcf7-textarea {
background-color: #00ABE5!important;
border: 1px solid #0098cc!important;
}

#contact-us .section-content .wpcf7-form p .wpcf7-submit {
background-color: white !important;
color: #00bfff!important;
}
#contact-us .section-content .wpcf7-form p .wpcf7-submit:hover{
background-color: #e5e5e5!important;
color: #00bfff!important;
}

#branding #main-nav li.contact-nav a:hover {
background: #fff;
color: #ffffff;
}

#contact-us .section-content .contact-us-box .box-right span {
color: #ffffff;
}

#contact-us .section-content .contact-us-box .box-right span a {
color: #fff;
}