Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

CSS problem with Top Menu
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: CSS problem with Top Menu
#15636
CSS problem with Top Menu 12 Years, 10 Months ago Karma: 0
Hi,

I have some problem to change the CSS of my top menu. I would like to change the CSS code for the Active, Selected and Visited atribute but nothing want to work properly. The only thing I can change is the background-color. If I want to replace the background-color by a background-image or other, nothing want to work. Same thing with the font color. The font color have to be the same for all the atributes (active, selected, etc.) but I would like to change the background-image and the text color to want I put my mouse hover or when the menu item is active, etc.

This is my code for the moment. Can you tell me where I should modify my CSS to be able to change the font color when is Active ? Where I can change the background-image when is mouse over and/or is active ?

Thank you

My website to see the result: prmi.profilweb.net
Last Edit: 2011/06/02 12:42 By admin.
The administrator has disabled public write access.
 
#15645
Re:CSS problem with Top Menu 12 Years, 10 Months ago Karma: 747
Hello,

Use the next CSS rule:

Code:


#ol-bgtop .yuimenubar UL LI A.yuimenubaritemlabel-selected
{
 color: red !important;
}



You can also use "background" or "background-image" CSS property in provided CSS rule that change background.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#15656
Re:CSS problem with Top Menu 12 Years, 10 Months ago Karma: 0
Hi,

Thank you for the quick answer. But this just resolve my font color problem. When I tried to put a background, nothing happen. This is the code I use :

Code:



#ol-bgtop .yuimenubar UL LI A.yuimenubaritemlabel-selected
{
 color: #6a94a0 !important;
 background-image:url(../../../../../../../images/stories/imagesPRMI/bgtopmenu.png)!important;
 background-repeat:repeat-x!important;
}

#ol-bgtop .yuimenubar UL LI A.yuimenubaritemlabel-active
{
background-image:url(../../../../../../../images/stories/imagesPRMI/bgtopmenu.png)!important;
background-repeat:repeat-x!important;
 color: #6a94a0 !important;
}




Thank you very much for your precious help !!
Jeff
The administrator has disabled public write access.
 
#15657
Re:CSS problem with Top Menu 12 Years, 10 Months ago Karma: 747
Where have you added the code?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#15658
Re:CSS problem with Top Menu 12 Years, 10 Months ago Karma: 0
Hi,

In the safe_menu.css files. But the code works great... but just for the font color. Not for the background-image and background- !

Thank you very much,
Jeff
The administrator has disabled public write access.
 
#15659
Re:CSS problem with Top Menu 12 Years, 10 Months ago Karma: 747
Sorry, but don't see the CSS rules on provided page.

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 12