Title: Header Background
Last modified: August 22, 2016

---

# Header Background

 *  [jcpacelli](https://wordpress.org/support/users/jcpacelli/)
 * (@jcpacelli)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/header-background-9/)
 * I am trying to edit the background of my header to be transparent. Currently,
   it’s black but it extends past the edges of the site. I can’t for the life of
   me figure out what code to edit to make it stay transparent. I can, of course,
   inspect the element in Google Chrome but it only links to an index file that 
   I cannot find via FTP.
 * Here’s a screenshot of what I mean:
    [http://i60.tinypic.com/10xyezn.jpg](http://i60.tinypic.com/10xyezn.jpg)
 * I’ve already overridden the background of the nav bar (events, categories…) so
   it is only the header portion that I want to be transparent.
 * Thanks for your help
 * -John

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [andrewcrook](https://wordpress.org/support/users/andrewcrook/)
 * (@andrewcrook)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/header-background-9/#post-5241075)
 * Hi jcpacelli
 * Can you pleas provide a link to the site?
 * It shouldn’t be too difficult to get the result you want, but without seeing 
   the code, I won’t be able to tell you what to change.
 *  Thread Starter [jcpacelli](https://wordpress.org/support/users/jcpacelli/)
 * (@jcpacelli)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/header-background-9/#post-5241078)
 * It’s only in alpha stages lol. I disabled my coming soon plugin
 * [http://www.revrepublic.co](http://www.revrepublic.co)
 *  [andrewcrook](https://wordpress.org/support/users/andrewcrook/)
 * (@andrewcrook)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/header-background-9/#post-5241079)
 * It’s looking great, jcpacelli.
 * The code you want to change/add is:
 *     ```
       #header {
       background-color: transparent;
       }
       ```
   
 * If you’re editing the theme stylesheet directly, then you’ll know where to change
   this. Ideally, you should make changes in the custom css settings for your theme(
   if provided) or use a plugin – such as the Custom CSS (htp://wordpress.org/plugins/
   jetpack/) module in Jetpack or Simple Custom CSS ([http://wordpress.org/plugins/simple-custom-css/](http://wordpress.org/plugins/simple-custom-css/)).
 * Good luck.
 *  Thread Starter [jcpacelli](https://wordpress.org/support/users/jcpacelli/)
 * (@jcpacelli)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/header-background-9/#post-5241080)
 * Thank you for the quick response. That code, unfortunately, has no effect on 
   the header background. I have Simple Custom CSS installed.
 *  [andrewcrook](https://wordpress.org/support/users/andrewcrook/)
 * (@andrewcrook)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/header-background-9/#post-5241082)
 * You’re right. It looks like there’s another piece of css somewhere that’s being
   defined AFTER the rules set in Simple Custom CSS. It’s therefor overruling the
   rules you set. To make sure your code sticks, change it to:
 *     ```
       #header {
       background-color: transparent !important;
       }
       ```
   
 *  Thread Starter [jcpacelli](https://wordpress.org/support/users/jcpacelli/)
 * (@jcpacelli)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/header-background-9/#post-5241084)
 * Awesome! Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Header Background’ is closed to new replies.

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [color](https://wordpress.org/support/topic-tag/color/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [transparent](https://wordpress.org/support/topic-tag/transparent/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 2 participants
 * Last reply from: [jcpacelli](https://wordpress.org/support/users/jcpacelli/)
 * Last activity: [11 years, 11 months ago](https://wordpress.org/support/topic/header-background-9/#post-5241084)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics