Topic: header space

hello, i would like to ask how to get rid of the space to the right of my header. i remember searching for it on the forum, but cannot find the thread again. i would also like to know how to center the header as well. im using dynamic header at the moment. i would also want to know why it is not centered. thank you


http://www.moemoedesu.com/

http://img713.imageshack.us/img713/8695/bannerhelp.jpg

Thumbs up

Re: header space

hi there
don't know why you hidden the header and placed the image into the body element  without layout or even a container to hold the image..

(unhide the header,,, and remove it's color if you want , put the header hold the image in the center of the page)...

place that image inside the header instead like this..... 

<div id="header">

    <a class="clearfix" id="branding" href="http://www.moemoedesu.com">
    <img title="head-graphics2.png" alt="head-graphics2.png" src="http://www.moemoedesu.com/wp-content/header-images/head-graphics2.png" >
</a>
    <div id="searchbar">
        <form action="http://www.moemoedesu.com/" class="searchform clearfix" method="get">
 <input type="text" onfocus="this.value=''" class="s" name="s" value="Search...">
 <input type="submit" title="Search Moe Moe Desu" value="Search" class="searchsubmit">
</form>
  
    </div>
    </div>

Last edited by son_azules (2010-07-29 19:39:59)

Post's attachments

meo.jpg 41.9 kb, file has never been downloaded. 

You don't have the permssions to download the attachments of this post.
just try....

Thumbs up

Re: header space

i was just fiddling around to get the black part under the banner to dissapear. ah so how would i make the space mentioned the same as the background of the body (if i had a  background image). the method above only uses a static image.

here is an example from someone else's site.
http://img199.imageshack.us/img199/7563/bannerhelp2.jpg

Last edited by alucard13mm (2010-07-29 20:47:38)

Thumbs up

Re: header space

hi there
what have you done man,,
it was an example to show you where to put the image,, you shouldn't add that code to the page, now you have double header (2 headrs).. remove that code you have add.. and do the following ..  in the style sheet...

edit existing  and (add missing ) this lines in your style sheet... user.css

#branding {
background-image:url("http://www.moemoedesu.com/wp-content/header-images/head-graphics2.png");
height:290px; 
margin:0 auto;
width:980px;
padding:0;
}
#header {
background-color:#F8D8DA;
border-bottom:0 none;
margin:2px 0 0;
padding:0;
}
 

if you want to use background image like that example ..
set custom background image under the  theme options in the dashboard....

and remove the

background-color:#F8D8DA; 

under the

#header 

  from  the default.css file and user.css file..

just try....

Thumbs up

Re: header space

hmmm haha i  see, i misread. well the thing is i want to use the dynamic header plug in instead of a static one. removing background-color:#F8D8DA; from both default and user css files didnt seem to work, it would just become the color of the above.

Thumbs up

Re: header space

i don't know why you place that image like this.... if you want to use a background image for the body element of your page, use the option that arras theme given  you to set a " CUSTOM BACKGROUND" --- if that option don't work somehow???? !!!!!
add this to the body element in your style sheet...
background-image:url("http://www.moemoedesu.com/wp-content/header-images/head-graphics2.png");
.this will  set that image again for the background of the page.....
. and also remove the background-color : ( under #wrapper) so the background can be seen through the content of the page.....

just try....

Thumbs up

Re: header space

should i just reset my theme and/or re-upload a fresh arras theme? there was no background-color  under #wrapper under default.css. it seems that people using the dynamic plug can implement it with ease and shouldn't be so hard. X_X maybe i did something wrong in the header.php or default.css and dont know about it.

Thumbs up

Re: header space

sorry i don't know about the dynamic header plugin ... i will try it and let you know my fix for you ......

just try....

Thumbs up

Re: header space

look now regarding the dynamic header plugin.....

lets start with fresh header .php file
remove the style we add before for the #branding (background-image) ok...

now in the header.php file find this lines of code (the beginning of the header div)>>>

<div id="header">
    <div id="branding" class="clearfix">

replace it with this one>>

<div id="header">
<?php if(function_exists('dh_get_page_image_url')){ $dynamic_header_url = dh_get_page_image_url(); } ?>
<div id="branding" class="clearfix" style="background-image: <?php echo ' url(wp-content/header-images/' . $dynamic_header_url . ')'; ?>">

now the plugin will set the images as a background image to the branding div ... all you need then is to work on styling the header and branding div (remove its background color and set size ,,,,etc )..

just try....

Thumbs up

Re: header space

lol thank you for your patience with me XD...  hmmm its getting somewhere. i will try to tinker with it and hope i dont mess it up.

Thumbs up

Re: header space

i see thank a lot i make my blog like this too and other i can chang it. thank you
like this http://foodforsale.info

Thumbs up

Re: header space

Hola, he intentado entender todo lo que habéis dicho. Pero como muchas cosas el traductor no lo traduce bien pues me he perdido.

Ya pude reemplazar las lineas que dice -son_azules- en el código de header.php. Pero ahora no sé que tengo que hacer para poder centrar mi cabecera. sad

Thumbs up