Contact box

I want to change the background color of this example contact-box but I haven't been able to do so.

closed as off-topic by Michael, cjbj, Dave Romsey, Jack Johansson, kaiser Jun 26 '17 at 22:42

This question appears to be off-topic. The users who voted to close gave this specific reason:

If this question can be reworded to fit the rules in the help center, please edit the question.


The way to determine what to change is to use browser development tools, like Firebug on Firefox. With those tools, you can determine the CSS that is being used in a specific part of the page.

Once you determine the CSS class to change, you can put that CSS in the Custom CSS area of your theme (in the Customizer, if supported). Something like, if the contact box has a class called contactbox, then you would use CSS similar to

.contactbox {background-color:#888888; }

If an 'id' is used, then your Custom CSS would be similar to:

 #contactbox {background-color:#888888; }

If your theme does not support Custom CSS, then you will need to create a Child Theme and put the above CSS in the Child Theme's style.css file.

You don't want to modify the theme's CSS, as any changes you make will get overwritten on a theme update.

  • Thanks! I finally managed to change the color following your answer! – M S P Jun 22 '17 at 21:49

Not the answer you're looking for? Browse other questions tagged or ask your own question.