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 » Page & Category Menu Bars »

Atahualpa menu bar span entire page????


  #1  
Old Jun 14, 2012, 03:10 PM
edaddy
 
6 posts · Jun 2012
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.....
  #2  
Old Jun 14, 2012, 03:27 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Try using the full path to the image or at least
HTML Code:
/wp-content/themes/atahualpa/images/bg_color.gif
The height attribute won't do much good. You will need to create an image the right height.
__________________
~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.
  #3  
Old Jun 14, 2012, 03:54 PM
edaddy
 
6 posts · Jun 2012
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.......
Attached Thumbnails
Click image for larger version

Name:	bg_color.gif
Views:	1276
Size:	1.1 KB
ID:	1910  
  #4  
Old Jun 14, 2012, 04:39 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Where did you put the styling?
__________________
"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 14, 2012, 04:54 PM
edaddy
 
6 posts · Jun 2012
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.
  #6  
Old Jun 14, 2012, 07:44 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jun 15, 2012, 10:52 AM
edaddy
 
6 posts · Jun 2012
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.....
Attached Thumbnails
Click image for larger version

Name:	bg_color2.gif
Views:	1162
Size:	1.1 KB
ID:	1911  
  #8  
Old Jun 15, 2012, 11:17 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Jun 15, 2012, 01:05 PM
edaddy
 
6 posts · Jun 2012
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.
  #10  
Old Jun 15, 2012, 03:11 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
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
HTML Code:
background: #fff url("/wp-content/themes/atahualpa/images/bg_color2.gif") repeat-x center top;
Don't put the selector (html) in that box. Only the code I mention.
__________________
~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.
  #11  
Old Jun 15, 2012, 04:13 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old Jun 19, 2012, 03:11 PM
edaddy
 
6 posts · Jun 2012
Thank you so much for your assistance. The issue has been resolved
  #13  
Old Jun 19, 2012, 03:49 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
atahualpa menu bar 3.7.7, span entire page, width issue



Similar Threads
Thread Thread Starter Forum Replies Last Post
span tag rendered inside menu title tags - bug? cdrice Header configuration & styling 6 May 24, 2012 08:12 AM
[SOLVED] Custom Top level menu size + span the menu accross the width of the page muthukumarp Page & Category Menu Bars 11 Dec 9, 2011 01:42 PM
[SOLVED] Need Page Tabs in Page Menu Bar Equally Spaced and Justified to Fill Entire Water Brief Page & Category Menu Bars 3 Oct 22, 2011 03:01 PM
Can I remove the entire menu bar from just one page? Shama Header configuration & styling 6 Dec 12, 2010 05:49 PM
[SOLVED] Would like horizontal menu to span page body (example inside) BackyardHockey Page & Category Menu Bars 6 Oct 25, 2010 11:10 AM


All times are GMT -6. The time now is 10:09 AM.


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