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

Change background image of Page Menu bar (for noobs)


  #1  
Old Nov 9, 2009, 06:00 AM
Dennis
 
26 posts · Nov 2009
Hi all,
I've already looked through the this forum and find many post refering to the issue of changing the background image - but i'm a noob and do not understand it. Sorry!

I have made a menu image with the dimensions of 1023x47 px. Saved as .jpg -but to which path/folder should I upload it?

How do I make it work as a background image lying underneath the menu navigation (I simply just want the navigation to be on top of the image, so that you can see my image through)?

Please help....

my page is: www.handyhansen.dk

Last edited by Dennis; Nov 9, 2009 at 06:03 AM.
  #2  
Old Nov 10, 2009, 09:51 AM
Dennis
 
26 posts · Nov 2009
I have tried to put in this:

div#menu1 { margin-top:40px; background: url(/wordpress/wp-content/themes/atahualpa/images/menu2.jpg);
}

But the background isn't showing - I can only see the yellow color I have chosen under ATO>Header Area> Page Menu Bar>Background color
  #3  
Old Nov 10, 2009, 10:06 AM
juggledad's Avatar
juggledad
 
23,761 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
to change the background image of the PAGE MENU BAR (not the menu items) use
HTML Code:
div#menu1 {
 background: url(http:/yourdomain.com/wprdpress/wp-content/uploads/yourimage.jpg) !important
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Nov 10, 2009 at 11:32 AM.
  #4  
Old Nov 10, 2009, 10:41 AM
Dennis
 
26 posts · Nov 2009
Hey Juggledad, Thanks for the reply! I put in this code:

ul.rMenu li {
height: 0px;
margin-top: 0px;
margin-right: 40px;
margin-left:40px;
background-color: #000000;
}
div#menu1 {
height: 47px; //the height of my menu-image
margin-top:0px;
background: url(/wordpress/wp-content/themes/atahualpa/images/menu2.jpg);
background-color: transparent;
}

Now everything is working.

See the result at: www.handyhansen.dk

I haven't got a clue what the code actually means (I'm a newbie!).
But after 24 hours of scouting this forum for answers my energy is running very low!

I know It has nothing to do with the orginal question (or the subject of this forum) but do you know how to remove the text/image mouse-over on the content pages (for instance the "profile" page) - it's very irritating!)?

Thanks a billion....
  #5  
Old Nov 10, 2009, 11:09 AM
Dennis
 
26 posts · Nov 2009
I can see that It only happens on pages where I use the table function in the WYSIWYG editor.
  #6  
Old Nov 10, 2009, 11:32 AM
Dennis
 
26 posts · Nov 2009
I solved it visiting: ATO>Various Content items> Style Tables.
  #7  
Old Nov 10, 2009, 11:40 AM
juggledad's Avatar
juggledad
 
23,761 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
in Safari and Firefox on the MAC, all your menu items are on top of each other
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Nov 10, 2009, 08:06 PM
measure2x's Avatar
measure2x
 
52 posts · Apr 2009
Appleton, WI
I'm seeing the same thing in Firefox, but not IE, in Windows (menu is bunched on top of itself).
  #9  
Old Dec 2, 2009, 05:01 AM
Dennis
 
26 posts · Nov 2009
Sorry for really late reply - have been on vacation! Ohh my god in Firefox it looks like shit.... I have put in the code as described. How do I change it so it will look nice (and not on top of eachother)! Thansk for your help and patience.....
  #10  
Old Dec 3, 2009, 06:05 AM
Dennis
 
26 posts · Nov 2009
Please help....

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Background for page menu bar gbb Page & Category Menu Bars 7 Dec 28, 2010 05:15 PM
[SOLVED] Static background image for page menu bar nevaratoiel Page & Category Menu Bars 6 Oct 3, 2009 03:23 AM
image not showing in background of page menu bar rinoa3108 Page & Category Menu Bars 5 Jul 30, 2009 08:37 AM
Page Menu Background colors won't change? RStouff Page & Category Menu Bars 0 Mar 24, 2009 01:21 PM
Page Menu Bar with glossy background Tigger Page & Category Menu Bars 3 Mar 20, 2009 10:52 PM


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


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