Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] issue with changing header width (http://forum.bytesforall.com/showthread.php?t=17982)

Pauli Jul 14, 2012 12:13 PM

[SOLVED] issue with changing header width
 
Hi All,

I Have changed the header to span the full width of the page.I did this by putting this code into ATO>sytle and edit HEADER AREA>Configure Header Area. I placed the code below the %images and %pages code.


%image %pages

</tr></tbody></table></div></div>
<div id="wrapper" class="wrapbody"><div id="container">
<table cellspacing="0" cellpadding="0" border="0" id="layout">
<colgroup>
<col class="colone">
<col class="coltwo">
<col class="colthree">
</colgroup>
<tbody><tr><td colspan="3"></td>




Then ATO>Style & configure LAYOUT>LAYOUT WIDTH - changed this to 100% So that the header spans the whole page.


Then ATO>CSS Inserts- and entered the following code, to keep the main body at the original size.


div.wrapbody{
width:980px !important;
}


All working fine, but I want to remove the Left sidebar completely so I went to ATO>Style & configure SIDEBARS>LEFT sidebar: Display on- Here I un checked all the boxes, and the left sidebar has gone ok, but now the main post container is tiny and the right sidebar is taking up alot of the page.

any ideas? I am totally lost and spent the last few days work on this

Here is a link to the site http://alturl.com/45g63

Thank you.

juggledad Jul 14, 2012 12:57 PM

if you had three columns and remove one how many do you have left?

FYI, ID's should be unique on a page

lmilesw Jul 14, 2012 01:34 PM

If I wanted a full width header I would rather use something along the lines of the following.
HTML Code:

#wrapper {
    padding-top: 220px !important;
}
#header {
    position: absolute;
    width: 100% !important;
    left: 0;
    top: 0;
}


Pauli Jul 14, 2012 01:56 PM

Quote:

Originally Posted by lmilesw (Post 87555)
If I wanted a full width header I would rather use something along the lines of the following.
HTML Code:

#wrapper {
    padding-top: 220px !important;
}
#header {
    position: absolute;
    width: 100% !important;
    left: 0;
    top: 0;
}




I tried that but the whole page is going the same size as the header, I want space for a column on left and right for a background image.
thanks

Pauli Jul 14, 2012 02:39 PM

Would it be easier to use 2 background images and match them with the header colour? is there a way to do this?

juggledad Jul 14, 2012 08:40 PM

See post #2

Pauli Jul 15, 2012 08:12 AM

Quote:

Originally Posted by juggledad (Post 87567)
See post #2

Hi juggledad, sorry but you totally lost me on that post. would be grateful if you could expand more on it.

thanks

juggledad Jul 15, 2012 10:41 AM

You created a col group with three columns, that was fine: left sidebar, middle, right sidebar. But then you removed a sidebar but didn't fix your table, col groups and colspan.

Pauli Jul 16, 2012 12:17 PM

Quote:

Originally Posted by juggledad (Post 87585)
You created a col group with three columns, that was fine: left sidebar, middle, right sidebar. But then you removed a sidebar but didn't fix your table, col groups and colspan.

Got it thank you:)


All times are GMT -6. The time now is 09:36 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.