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


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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 6 Years, 4 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 06:42 By admin.
The administrator has disabled public write access.
 
#15645
Re:CSS problem with Top Menu 6 Years, 4 Months ago Karma: 667
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 6 Years, 4 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 6 Years, 4 Months ago Karma: 667
Where have you added the code?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#15658
Re:CSS problem with Top Menu 6 Years, 4 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 6 Years, 4 Months ago Karma: 667
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