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 »

Change width of Header area?


  #1  
Old Dec 21, 2010, 07:12 AM
jasontbedell
 
75 posts · Dec 2010
Hello,

Is it possible to change the width of the header area? On litteacher.com, the header image is 1142, but the black bars above and below (Is it possible to remove those?) and the page menu bar extend a good bit further.

I am using Atahualpa 3.5.3 and have a fixed width of 1280px.

Also, there is a dotted white border around the page menu bar. How would one go about removing that. I tried setting it to dashed 1px #775731. That worked on another site running Atahualpa 3.5.1, but I can't seem to get rid of the border.

Thank you for any help you can provide. Your hard work is greatly appreciated.
Jason Bedell.
  #2  
Old Dec 21, 2010, 07:35 AM
jasontbedell
 
75 posts · Dec 2010
I was able to get part way there. I removed the black bars by commenting out

Code:
/*
div#imagecontainer { 
border-top: solid 5px #333; 
border-bottom: solid 5px #333
*/
I got the white dotted border to go away with this css insert. Somehow it matched the header image's width, but left-aligned the text even though the page-menu bar is added with the %page-center command.

Code:
div#menu1 {
background: #775731 !important;;
width: 1142px;
border-width:0px;
align:center;
text-align:center;
}
I tried align and text align to make the page-menu buttons be center aligned again but it didn't work. I will post if I figure it out. If anyone else knows, please let me know.

Thank you very much for your help.
  #3  
Old Dec 21, 2010, 09:07 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Do you have the menu BUGFIX's applied? ('New Versions & Updating' forum)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Dec 21, 2010, 09:18 AM
jasontbedell
 
75 posts · Dec 2010
I didn't see it; is this the one?

http://forum.bytesforall.com/showthread.php?t=8756

By the way, you are the most helpful person around; I'll definitely be sending a Christmas present when I get paid in a few days.
  #5  
Old Dec 21, 2010, 09:37 AM
jasontbedell
 
75 posts · Dec 2010
I applied BUGFIX 353-01, but the page menu bar is still left-aligned as opposed to center.
  #6  
Old Dec 21, 2010, 09:59 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
go to ato->export/Import settings and export our settings, then attach them to a reply
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Dec 21, 2010, 10:01 AM
jasontbedell
 
75 posts · Dec 2010
I attached them. Thank you for taking the time to look at them.

Last edited by jasontbedell; Dec 29, 2010 at 07:21 AM.
  #8  
Old Dec 22, 2010, 04:53 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ok, your problem is that you started with a demo style that already was playing with lots of CSS settings.

Go to ATO->Add HTML/CSS Inserts->CSS Inserts and CUT everything out and paste it to a text document (note I said TEXT and not WORD)

save the settings so you have nothing in the CSS Inserts and take a look.

If there is something you added and need to put back, then put it back in.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Dec 22, 2010, 08:14 AM
jasontbedell
 
75 posts · Dec 2010
OK. Thanks so much for looking into that. It turns out it is the width: 1142px; property that is keeping it from being centered. When I remove it, it is centered, but the bar doesn't extend the width of the header image. Is there a way to do this?
  #10  
Old Dec 22, 2010, 10:43 AM
jasontbedell
 
75 posts · Dec 2010
Juggledad,

I just tried to send you a thank you on PayPal, but I got an error message. Can you tell if anything came through? If not, I will resend.
  #11  
Old Dec 22, 2010, 10:55 AM
jasontbedell
 
75 posts · Dec 2010
Last related question and I promise I'm done for a while.

I removed the black bars above and below the header image.
Now there is a line of space between the header image and the page menu bar. (Firebug identifies the space as div.horbar1.) Is it possible to get rid of that space?
  #12  
Old Dec 22, 2010, 11:16 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
go to ato->Style & edit HEADER AREA->Configure Header Area and remove %bar1

(nothing came thru)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #13  
Old Dec 22, 2010, 12:27 PM
jasontbedell
 
75 posts · Dec 2010
I had already removed %bar1 and %bar2. Is there any other way to remove the space?
Also, is it possible to stretch the page menu to 1101px and center it? I can do either or at the moment.

Thank you.

I resent and got a confirmantion #; I think it should have come through. Merry Christmas.
  #14  
Old Dec 22, 2010, 01:33 PM
jasontbedell
 
75 posts · Dec 2010
Thanks STB. I had to scale the header image and forgot that. I took up your suggestion on Firebug, but you're better than I.

Do you have any ideas on centering and stretching the page-menu bar? This is my last problem and then I'm done styling this site.

Last edited by jasontbedell; Dec 22, 2010 at 01:47 PM.
  #15  
Old Dec 22, 2010, 03:51 PM
jasontbedell
 
75 posts · Dec 2010
STB,

That makes a lot of sense. Do you know what is wrong with this?

li#menu-item-229 {width; 122px; white-space: nowrap}
li#menu-item-230 {width; 122px; white-space: nowrap}
li#menu-item-231 {width; 122px; white-space: nowrap}
li#menu-item-232 {width; 122px; white-space: nowrap}
li#menu-item-233 {width; 122px; white-space: nowrap}
li#menu-item-234 {width; 122px; white-space: nowrap}
li#menu-item-229 {width; 122px; white-space: nowrap}
li#menu-item-235 {width; 122px; white-space: nowrap}
li#menu-item-236 {width; 122px; white-space: nowrap}
li#menu-item-237 {width; 122px; white-space: nowrap}
  #16  
Old Dec 22, 2010, 04:08 PM
jasontbedell
 
75 posts · Dec 2010
I actually knew that; can't believe I missed it. Thanks. It looks like it worked, but I need to find where the padding is to remove it.
  #17  
Old Dec 22, 2010, 04:11 PM
jasontbedell
 
75 posts · Dec 2010
I found the right code to edit out; you guys are the best!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
logo / header area increasing the width of my site allyevans Header configuration & styling 2 Oct 5, 2010 01:00 PM
[SOLVED] Change new widget area width jaxon Sidebars & Widgets 10 Feb 15, 2010 01:49 PM
Can I change the width of the logo area? dieterssv Header configuration & styling 5 Nov 13, 2009 05:33 AM
Resize header area width? eggd Header configuration & styling 2 Aug 15, 2009 07:33 AM
[SOLVED] Change the cell width in new widget area duping812 New Versions, & Updating 2 Jul 16, 2009 07:19 PM


All times are GMT -6. The time now is 11:33 PM.


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