Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

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)

2012-07-12

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;
}

2012-07-12

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

2012-07-12

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%;
}