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 »

Background Image for Category Menu Items


  #1  
Old Apr 15, 2010, 10:46 AM
joan
 
50 posts · Sep 2009
Brisbane, Qld, Aust
Hi Juggledad
Can you please help? I've applied nearly every combination I can see in the forums but I cannot get a background image to show on my Category Menus (or page menu either).

The latest code which I put in "Add HTML/CSS Inserts" is:

`/*background for menu bar*/
div#menu1 ul#rmenu li a {font-weight: bold !important;background-color: transparent;
background-image: url(http://ibooknewzealand.com/images/logos/greenButton.jpg) repeat;}

div#menu2 ul#rmenu li a {font-weight: bold !important; z-index: 4;}
#menu2 ul.rMenu li a:link,
#menu2 ul.rMenu li a:hover,
#menu2 ul.rMenu li a:active,
#menu2 ul.rMenu li a:visited,
#menu2 ul.rMenu li {background-color: transparent!important;
background-image: url(http://ibooknewzealand.com/images/logos/greenButton.jpg) repeat!important;
}`

I'm using wp 2.9.2 & Ata 3.4.6. Hopefully it will be easy for you to spot the problem.
Kind regards, Joan.
  #2  
Old Apr 15, 2010, 11:22 AM
juggledad's Avatar
juggledad
 
23,551 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Here is my handy little cheat sheet for dealing with the two menu's and the parts. Put this at the end of your css and you can see graphically, what effects what. It should be enough to get you going.
HTML Code:
/* ================================================ */
/* Page menu background                             */
/* ================================================ */
div#menu1 { 
	height: 40px;  
	margin-top:0px; 
	background: #blue; 
}
/* ================================================ */
/* Page Menu item's background and border           */
/* ================================================ */
div#menu1 ul.rMenu {
	background: #red;
	border: none 0px; 
}
/* ================================================ */
/* Page Menu item                                   */
/* ================================================ */
ul.rMenu li a:link, 
ul.rMenu li a:hover, 
ul.rMenu li a:active, 
ul.rMenu li a:visited, 
ul.rMenu li {
	background: #yellow !important;
	color: #000000 !important;
}
/* ================================================ */
/* Category menu background                         */
/* ================================================ */
div#menu2 { 
	height: 40px;  
	margin-top:0px; 
	background: #green; 
}
/* ================================================ */
/* Category Menu item's background and border       */
/* ================================================ */
div#menu2 ul.rMenu {
	background: #orange;
	border: none 0px; 
}
/* ================================================== */
/* Category Menu item                                 */
/* ================================================== */
#menu2 ul.rMenu li a:link, 
#menu2 ul.rMenu li a:hover, 
#menu2 ul.rMenu li a:active, 
#menu2 ul.rMenu li a:visited, 
#menu2 ul.rMenu li {
	background: #purple !important;
	color: #000000 !important;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Apr 16, 2010, 06:37 PM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
Pin this! :D
__________________
Ho Ho Ho
Blah Blah Blah
  #4  
Old Apr 19, 2010, 04:30 AM
joan
 
50 posts · Sep 2009
Brisbane, Qld, Aust
I agree Kal... Thanks so very much Juggledad ! This works beautifully and I'd also suggest that you make this a "sticky post".
Kind regards, Joan

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How Do You Add Extra Space Between Category or Page Menu Items? rhythm Page & Category Menu Bars 4 Mar 15, 2010 03:08 PM
Further Edits to font and font style of page/category menu items please? rhythm Page & Category Menu Bars 1 Feb 26, 2010 11:52 PM
[SOLVED] Background image of child items not the same as parent noahinBR Header configuration & styling 2 Feb 4, 2010 01:43 PM
Background image for page menu? blueprairie Page & Category Menu Bars 10 Dec 1, 2009 11:02 PM
How to use background images for menu items instead of text daxryan Page & Category Menu Bars 2 Feb 27, 2009 05:29 PM


All times are GMT -6. The time now is 04:14 PM.


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