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 »

Active page menu background image css help


  #1  
Old Sep 10, 2009, 02:22 PM
dixieprosser
 
5 posts · Sep 2009
Phoenix, AZ
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 03:58 AM.


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