Top bar and footer transparent background

Rikvind
December 30, 2012 at 2:44 pm #6502
I went all the way through making background transparent for each and every theme sections but could not achieve that for Top Bar and Footer.

Current CSS code for Top Bar is:
```
#top-bar {

background: none repeat scroll 0 0 transparent;

border-bottom:0px solid #222;

height: 54px;

position: relative;

z-index: 10;

}
```
Current CSS code for Footer is:
```
#footer {

background: none;

box-shadow: 0 -0px 0px 0 #000000;

height: 49px;

position: relative;

}
```
My website is: http://www.appalandes.com

Please tell me what am I doing wrong? Is there a way to force the entire theme background transparent?

Many thanks in advance.
Anonymous
December 30, 2012 at 2:53 pm #34588
Add !important to your style declaration,
```
#top-bar {

background: none repeat scroll 0 0 transparent !important;

border-bottom:0px solid #222;

height: 54px;

position: relative;

z-index: 10;

}



#footer {

background: none !important;

box-shadow: 0 -0px 0px 0 #000000;

height: 49px;

position: relative;

}
```
Put code in between backtick (

Code:

`

) characters. It’s usually located above the Tab key on your keyboard. I’ve updated your post here.
Rikvind
December 30, 2012 at 3:10 pm #34589

Thanks, Prasanna! It worked perfectly well. Have a great day!!

ahmed
January 7, 2013 at 6:54 am #34590

Hi Rikvind,

I would like to insert ad just like your. can you please show me the ways how could i do this. thanks

Rikvind
January 9, 2013 at 1:58 am #34591

Hi Ahmed, I use the plugin Adsense Made Easy. Available for downloading at WordPress plugin page.

Anonymous
January 9, 2013 at 4:51 am #34592

Or, you can use Header Widget area.

Rikvind
January 9, 2013 at 12:26 pm #34593

Yes, the ad can go on every section allowed to hold widgets