Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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,765 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,176 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,765 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,765 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



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 06:28 PM.


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