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?

(SOLVED) change vertical menuitem hover arrow?
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: (SOLVED) change vertical menuitem hover arrow?
#23667
(SOLVED) change vertical menuitem hover arrow? 12 Years, 5 Months ago Karma: 0
Greetings, and many thanks for the wonderful joomla-module!

My problem is to get personalized background arrow for vertical menu as the hover color for the menuitem shows the default arrow a bit way of.

I attached a screenshot to point out the problem. I have tried several CSS-styles, and I manage to change the hover-arrow, but alas, then the arrow shows ONLY in hovering.

Currently the CSS shows the following:
Code:


.ux-menu-arrow {
    background: url("/modules/mod_ariextmenu/mod_ariextmenu/js/css/images/menu-arrow-right.png") no-repeat scroll 0 0 transparent;
    height: 8px;
    top: 13px;
    width: 6px;

.ux-menu-link-hover {
    background: url("/images/menu-arrow-right-hover.png") no-repeat scroll 0 0 transparent;
}



Would appreciate if someone could help.
Last Edit: 2012/01/15 10:15 By waldo.
The administrator has disabled public write access.
 
#23668
Re:How to change vertical menuitem hover arrow? 12 Years, 5 Months ago Karma: 748
Hello,

Provide a link to a page where we can see a menu.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#23669
Re:How to change vertical menuitem hover arrow? 12 Years, 5 Months ago Karma: 748
Add the next CSS rules to "CSS Styles" parameter in module settings:

Code:


.ux-menu A:hover>SPAN.ux-menu-arrow,
.ux-menu A.ux-menu-link-hover>SPAN.ux-menu-arrow {
 background-image: url(/images/menu-arrow-right-hover.png);
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#23670
Re:How to change vertical menuitem hover arrow? 12 Years, 5 Months ago Karma: 0
Yes! It solved the problem. Millions thanks!!
The administrator has disabled public write access.
 
Go to topPage: 1