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 »

Background Image for Category Menu Items


  #1  
Old Apr 15, 2010, 09: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, 10:22 AM
juggledad's Avatar
juggledad
 
23,765 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, 05: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, 03: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 02:08 PM
Further Edits to font and font style of page/category menu items please? rhythm Page & Category Menu Bars 1 Feb 26, 2010 10:52 PM
[SOLVED] Background image of child items not the same as parent noahinBR Header configuration & styling 2 Feb 4, 2010 12:43 PM
Background image for page menu? blueprairie Page & Category Menu Bars 10 Dec 1, 2009 10:02 PM
How to use background images for menu items instead of text daxryan Page & Category Menu Bars 2 Feb 27, 2009 04:29 PM


All times are GMT -6. The time now is 01:46 AM.


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