Delete Black Box Behind Menu Graphic and the Dark Blue Box... WordPress
I am trying to get rid of the black box behind my menu graphic and the dark blue box just above my copyright bar at the page below?
http://pleng.us/page-2/
If you provide an email address...I can email the files that you need to look at it
Answers (3)
Navjot Singh answers:
Replace
#header_wrapper
{
background: #05131b url('http://pleng.us/wp-content/themes/Pleng/images/skins/light_blue_menu_bg.png') no-repeat center top;
}
with
#header_wrapper
{
background: #2396B2;
}
in your header.php style tag for header fix.
For changing the footer background, edit this field:
#footer
{
background: #05131b;
}
Luthfi Bintoro answers:
for the gray box. please open screen.css and go to line around : 975. you will see :
.page_caption
{
width: 100%;
padding: 10px 0 30px 0;
margin: auto;
color: #999;
background: #fff url("../images/bg_gredient.png") repeat-x center bottom;
margin-top: 20px;
}
change that into :
.page_caption
{
width: 100%;
padding: 10px 0 30px 0;
margin: auto;
color: #999;
background: #fff;
margin-top: 20px;
}
and then go to line around: 2468. you will see :
.home_boxes_footer
{
height: 10px;
background: #e1e1e1 url("../images/bg_ip3.png") repeat-x center bottom;
border-top: 1px solid #D3D3D3;
}
change that into :
.home_boxes_footer
{
height: 10px;
background: #ffffff ;
border-top: 0px solid #D3D3D3;
}
now go to line 100. in your screen.css you will see :
#footer
{
width: 100%;
margin: -9px 0 0 0;
background: #90c847 url('../images/skins/blue_footer_bg.png') repeat-x center top;
padding: 10px 0 0 0;
text-shadow: -1px 0 1px #000;
margin-top:1px;
}
change that into :
#footer
{
width: 100%;
margin: -9px 0 0 0;
background: #ffffff;
padding: 10px 0 0 0;
text-shadow: -1px 0 1px #000;
margin-top:1px;
}
and then go to line 2060 you will find :
#footer ul
{
display: block;
width: 900px;
margin: auto;
list-style: none;
padding: 20px 0 30px 0;
text-align: left;
font-weight: normal;
color: #ccc;
font-size: 11px;
}
change that into :
#footer ul
{
display: none;
width: 900px;
margin: auto;
list-style: none;
padding: 20px 0 30px 0;
text-align: left;
font-weight: normal;
color: #ccc;
font-size: 11px;
}
Alison Galy comments:
almost...there is just a little piece of the dark blue in the footer still and a black bar behind the header. Also, need the white part of the page to go up behind the header curve.
Thanks!
Luthfi Bintoro comments:
ohh i see, please open the screen.css again and go to line around : 100. you will see :
#footer
{
width: 100%;
margin: -9px 0 0 0;
background: #ffffff;
padding: 10px 0 0 0;
text-shadow: -1px 0 1px #000;
margin-top:1px;
}
change that into :
#footer
{
width: 100%;
margin: 0px 0 0 0;
background: #ffffff;
padding: 0px 0 0 0;
text-shadow: -1px 0 1px #000;
margin-top:0px;
}
now you need to open the footer.php, please find the <br class="clear" >
now to move up the content, please open screen.css and go to line around : 975. you will see :
.page_caption
{ display:none;
width: 100%;
padding: 10px 0 30px 0;
margin: auto;
color: #999;
background: #fff;
margin-top: 20px;
}
change that into :
.page_caption
{ display:none;
width: 100%;
padding: 10px 0 30px 0;
margin: auto;
color: #999;
background: #fff;
margin-top: 20px;
}
hope this help
Arnav Joy answers:
open screen.css at
wp-content/themes/Pleng/css/screen.css
and find out following (line no. 415)
#header_wrapper{
height: 120px;
width: 100%;
}
change it to
header_wrapper {
background: none repeat scroll 0 0 #ffffff!important;
height: 120px;
width: 100%;
}