HEADER help please :) Pretty please


On my front page, there is the slider. you know the header?

I don’t know how to describe it lol!

Here’s screenshot.

basically how do I change the color of the yellow thing to different color? Yellow button to diff color?


Hello Farhan,

You should be able to edit this in your CSS (main.css) file.
If i’m right it should be @ this line:
#header .bottom-header .header-button-two {

Good luck!

Hi I cant find it :frowning:

THere is edit css, but theres no code there,

i looked on stylesheet, no code there.

Don’t know where to go to edit color.


I am having the exact same issue. I have changed the code in the CSS–

#header .bottom-header .header-button-two {
width: auto;
height: 63px;
line-height: 63px;
background: #811c35;
margin: 0 15px;
padding: 0 70px;
display: inline-block;
border-radius: 3px;
font-weight: 700;
font-size: 18px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;

Changing the yellow to the #811c35 code, I hit save, yet nothing happens. Does anyone have any advice on how to make this correction? I have already successfully changed the period at the end of the words to the different color, and that sticks, but the code for the button does not.

What could be overriding this? Does anyone have any suggestions?

Thanks so much!


Maybe you can use some other means to load the CSS like directly in style.css or in a plugin, or better yet add !important to it so you make sure it overwrites the color code:

#header .bottom-header .header-button-two {
background: #811c35 !important;

Let me know if you got everything working alright.


Thanks Ian your the best, it worked.

Now how do I change color of the contact us background and testimonials background?

Hi Farhan,

Use this css code for testimonials:

#testimonials {
background: #fff;

use this css code for contact:

#contact-us {
background-color: #fff;

I put there as default white, but you can put what colour you want.

Thank you,


I put it in custom css, header worked, but contact and testimonials do not work becuz it says.
“Your curly brackets {} are imbalanced. Make sure there is a closing } for every opening {.”

This is my code

`#header .bottom-header .header-button-two {
background: #800000 !important;


#contact-us {
background-color: #800000;

Ignore the above it worked. thanks.

Next problem:

How do I change the actual testimonials color? Testimonials background is good, but the actual quote testimonials “this is good service” << shows in purple. How do I change that?

How Do I change the color of the boxes in the contact us form? It’s still the old color? By boxes I mean “Your name >> Box” “Your message >> Box”


For actual quote testimonials use this css code:

#testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-content blockquote {

for contact:

#contact-us .section-content .wpcf7-form p .wpcf7-text {
background-color: #0095a9;

Update the code with your custom values

Thank you,