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;
}