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 »

Making header width match page width


  #1  
Old Jun 3, 2015, 02:29 PM
nesdon
 
7 posts · Jun 2015
The site I am struggling to webmaster is ALL Power Labs. I am a designer not a coder, and so keep getting stumped. I am trying and failing to make a new header image appear the same width as the overall page.

Our version of Atahualpa is 3.7.10, and this is the style for the header

<td id="header" colspan="3">

<div style="width:auto; margin-left:auto;margin-right: auto;"><a href="http://www.allpowerlabs.com"><img src="http://www.gekgasifier.com/wp-content/themes/apl_04/images/header/OrangeWebHeaderSimp.png" /></a></div>

Thanks for the help.
  #2  
Old Jun 3, 2015, 02:50 PM
juggledad's Avatar
juggledad
 
23,569 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you upgrade Atahualpa, one of the new options is full width headers and full width footers
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 3, 2015, 06:41 PM
nesdon
 
7 posts · Jun 2015
When I took over the site, I innocently did a very overdue WP upgrade, from 3.x.x to 4.1.5, and completely crashed the site, as apparently so many parts were out of date. I had to get a mess of help from our controls guys, who are coders, but they needed a mess of help from our host and others to get it back up.

How much chance is there that if I upgrade to Atahualpa 3.7.23 I will make another mess?

Also, I thought to just try and largely duplicate the header image by formatting the title, tag, horizontal bars and logo, but could not get any of that to appear. The theme appearance page shows things like this:
%image %bar1 %logo %bar1 %pages,
But I don't know what the % represents. I am used to seeing it appear in the place of spaces in file names, and so wonder if it is just a place holder here, perhaps standing in for div, id, span or whatever.
  #4  
Old Jun 3, 2015, 08:44 PM
juggledad's Avatar
juggledad
 
23,569 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Step 1 of any upgrade is to do a full backup so you can recover if an issue happens. Did you do a full backup ie database and all files??

You should also go read the on screen documentation on the atahualpa option pages to see what they do.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jun 12, 2015, 02:08 PM
nesdon
 
7 posts · Jun 2015
Thanks for the help! I've read all the page options and am not sure how to use them, especially what the % sign represents.


I'm not sure if the code I enter here is active, or if I have to modify it somewhere else. I don't think I actually want a full width header, but just want it to match the width of the margins on the left and right sidebars, and thought those auto width settings would do that.
  #6  
Old Jun 12, 2015, 06:28 PM
juggledad's Avatar
juggledad
 
23,569 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the 'Configurre Header Area' options are how you configure the header of the site. The order right to left will translate to tob to bottom so if you had
%bar1 %logo %cats %bar2 %pages %bar1
they would show
%bar1
%logo
%cats
%bar2
%pages
%bar1
Each one of the %xxxx is a substitution for the item - i.e. %pages will insert a horizontal list of your page menu items.

You can also add html in this section so you could have:
%bar1 %logo %cats <img src='yourdomain.com/path/to/the/image.jpg /> %bar2 %pages %bar1
and it would put the image between the category nenu and the 'bar' you define later in the settings.

You need to experiment and see what each change does and remember, like anything, you won't learn it in a day so just do a little at a time.

It also helps to have a play site to mess with.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
header width

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Making the menu bar full width (but header and content both smaller) mrsp31wannabe Header configuration & styling 10 Feb 25, 2014 08:00 PM
autoadjust width of menu items to fill page width rainbow Page & Category Menu Bars 1 Jun 5, 2013 08:20 AM
I want a full width header, fixed width content and a background image tsheridan Header configuration & styling 5 Jan 29, 2013 03:46 PM
[SOLVED] Full width header with fixed width image and background color WilliamNavidson Header configuration & styling 4 Jun 10, 2011 03:13 AM


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


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