Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Active page menu background image css help


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Sep 10, 2009, 02:22 PM
dixieprosser
 
5 posts · Sep 2009
Phoenix, AZ
Active page menu background image css help

I can't seem to get my menu background image to work on the active pages. The hover works fine, but I'd like to have the image appear and remain static for whatever page the user is on. Maybe someone can take a look at my css below to see what I'm missing. I've managed to piece all this together from other posts, but can't figure out why my active page image won't stay on. Any help is appreciated - thanks!

Link to the site: http://overstreetinteriors.com.previewdns.com/

Here's my CSS:

div#menu1
{
background: #ffffff;
border: 0px;
}

ul.rMenu li a:link
{
color: #ff4001 !important;
font-weight: bold !important;
font-size: 10pt !important;
width: 75px !important;
height: 25px !important;
text-align: center !important;
padding-top: 15px !important;
}

ul.rMenu li a:visited
{
color: #ff4001 !important;
font-weight: bold !important;
font-size: 10pt !important;
width: 75px !important;
height: 25px !important;
text-align: center !important;
padding-top: 15px !important;
}

ul.rMenu li a:active
{
color: #000000 !important;
font-weight: bold !important;
font-size: 10pt !important;
background: url(wp-content/themes/atahualpa/images/menu-over.gif) no-repeat scroll top center !important;
width: 75px !important;
height: 25px !important;
text-align: center !important;
padding-top: 15px !important;
}

ul.rMenu li a:hover
{
color: #000000 !important;
font-weight: bold !important;
font-size: 10pt !important;
background: url(wp-content/themes/atahualpa/images/menu-over.gif) no-repeat scroll top center !important;
width: 75px !important;
height: 25px !important;
text-align: center !important;
padding-top: 15px !important;
}
  #2  
Old Mar 18, 2010, 01:13 PM
Savage
 
10 posts · Jun 2009
Hi there.

Did you ever solve this? I'm trying to do exactly as you did but got stuck. You can see what I'm working on here: http://www.bg-handel.no/ and what I try to achieve here: http://www.dropsdesignkontor.no/bghandel/nettsiden.htm

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Background image for page menu? blueprairie Page & Category Menu Bars 10 Dec 1, 2009 10:02 PM
Menu bar not active chincho Page & Category Menu Bars 1 Sep 9, 2009 09:41 AM
image not showing in background of page menu bar rinoa3108 Page & Category Menu Bars 5 Jul 30, 2009 07:37 AM
How to put lines just on right an left side of active Menu Items amber Page & Category Menu Bars 1 Feb 23, 2009 02:22 PM
Changing repeated background image forces each page to reload background doctorrobert Atahualpa 3 Wordpress theme 8 Feb 15, 2009 06:36 AM


All times are GMT -6. The time now is 06:01 PM.


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