Top bar and footer transparent background
-
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.
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.
Or, you can use Header Widget area.
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.