Change width of Header area?
 

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.

I was able to get part way there. I removed the black bars by commenting out

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.

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.

Do you have the menu BUGFIX's applied? ('New Versions & Updating' forum)

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.

I applied BUGFIX 353-01, but the page menu bar is still left-aligned as opposed to center.

go to ato->export/Import settings and export our settings, then attach them to a reply

I attached them. Thank you for taking the time to look at them.

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.

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?

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.

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?

go to ato->Style & edit HEADER AREA->Configure Header Area and remove %bar1

(nothing came thru)

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. :)

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. :)

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}

:o 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.

I found the right code to edit out; you guys are the best!