Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] issue with changing header width


  #1  
Old Jul 14, 2012, 12:13 PM
Pauli
 
26 posts · Jul 2012
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.
  #2  
Old Jul 14, 2012, 12:57 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
if you had three columns and remove one how many do you have left?

FYI, ID's should be unique on a page
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 14, 2012, 01:34 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old Jul 14, 2012, 01:56 PM
Pauli
 
26 posts · Jul 2012
Quote:
Originally Posted by lmilesw
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

Last edited by Pauli; Jul 14, 2012 at 02:04 PM.
  #5  
Old Jul 14, 2012, 02:39 PM
Pauli
 
26 posts · Jul 2012
Would it be easier to use 2 background images and match them with the header colour? is there a way to do this?

Last edited by Pauli; Jul 14, 2012 at 05:30 PM.
  #6  
Old Jul 14, 2012, 08:40 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
See post #2
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jul 15, 2012, 08:12 AM
Pauli
 
26 posts · Jul 2012
Quote:
Originally Posted by juggledad
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
  #8  
Old Jul 15, 2012, 10:41 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Jul 16, 2012, 12:17 PM
Pauli
 
26 posts · Jul 2012
Quote:
Originally Posted by juggledad
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

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Changing the header image width and moving the posts section up neondevil Header configuration & styling 3 May 9, 2011 05:57 AM
Changing the width of a widget? bernicewood Sidebars & Widgets 1 Oct 16, 2010 09:57 AM
[SOLVED] changing the content width mr55 Center area post/pages 5 Oct 1, 2010 05:50 AM


All times are GMT -6. The time now is 11:22 AM.


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