Atahualpa menu bar span entire page????
 

Atahualpa 3.7.7 is a great theme, however I am having trouble trying to take my blue menu bar and have it span the entire page. It is currently set to at 1000px in width as is the header.

How do I get the bar span the entire page? I was told I would need an background image. I created an background image that is w:10 h:125

But I have been unable to get it to work or show the image as a background.

Here is my code:
html{

background: url('/images/bg_color.gif');
background-repeat: repeat-x;
background-position: center top;
height:125px;
}


Below is my url:
http://vintageconsignor.com/

Can someone please assist me please?

Thxs.....

Try using the full path to the image or at least The height attribute won't do much good. You will need to create an image the right height.

Thank you for your assistance. Unfortunately adding the background image path that you forwarded me doesn't work. I can't seem to figure this one out. Attached is the backgroound image.

Can you recommend another alternative? As you can tell, I would like the blue menu bar to span beyond the container area.

Thanks.......

Where did you put the styling?

Thank you for your assistance. I placed my CSS in the Add HTML/CSS> CSS Inserts Inserts section of Atahuapla. The background image is W:10 x H:125px.

here is the current code I am using:

html{
background-image: url("http://www.vintageconsignor.com/wp-content/themes/atahualpa/images/bg_color.gif");
background-repeat: repeat-x;
background-position: center top;
}

I haven't been able to resolve this issue.

here is a suggestion. go to ato->export/import settings and export your settings.
Then go to your site/wp-content/themes/atahualpa/stle folder and edit the 'ata-adsense.txt' file, now paste that into the IMPORT section at ato->export/import settings and look at the site. you should see the bars across the page. Now go look at ato->Body, Text & Links->Body Style and see how it is done.

I tried your recommendation by doing the export and import of the settings but that seemed to through the layout out off. I was able to reconfigure it and kept a simple layout scheme that I really like.

Unfortunately ,I can not figure out why my site does not show my background image.

The image is located in my atahualpa/images folder

I'm still using the CSS code in the Add HTML /CSS Inserts section:

html{
background-image: url("http://www.vintageconsignor.com/wp-content/themes/atahualpa/images/bg_color2.gif");
background-repeat: repeat-x;
background-position: center top;
}

My site's url is:
http://vintageconsignor.com/

Attached is my background image.

Can someone assist me in figuring out this small but huge detail please.

Thanks so much.....

check the exact spelling of the file
verify it is in the folder
check the file permissions of the file

teh adsense stle would have shown you that it uses a full screen image and pts it in the 'Body style' option, however using the 'HTML' should work also

Thank you so much once again for assisting me. I'm totally dumb struck by this issue. Here is my code and settings.

1. In my Add HTML/CSS Insert:

html{
background: url(http://www.vintageconsignor.com/wp-c...g_color2.gif);
background-repeat: repeat-x;
background-position: center top;
}

2. In Body,Text,& Links:

html{
background: url(http://www.vintageconsignor.com/wp-c...g_color2.gif);
background-repeat: repeat-x;
background-position: center top;
}

3. Style & configure Layout , Layout Width or Type ( Fluid or Fixed):

1000px

The background image exist but when I look for the background image using the Element Inspector in my browser it doesn't show my CSS where its coded.

http://www.vintageconsignor.com/wp-c.../bg_color2.gif

I checked for everything and I am unable to figure this out even with your assistance.

You have mixed background shorthand and regular background code. I would take out all of the code you mention from CSS Inserts and put just the following in Body, Text & Links
Don't put the selector (html) in that box. Only the code I mention.

Please use FTP and check the name of the file and it's file permissions. I get a not found when I put in the full URL for the image. That says it is misspelled, not there or there is a file permission issue.

Thank you so much for your assistance. The issue has been resolved :)

I see you finally got the file name right.

For what it's worth,
it looks fine in FireFox on the Mac,
it is slightly too big in Chrome
and slightly too small in Safari