ARI Soft - Varying Hover Colours

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show 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.

more...
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.

more...

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

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Ext Menu

Varying Hover Colours

(1 viewing) (1) Guest

Page: 1

TOPIC: Varying Hover Colours

Forum Tools

#5428

Varying Hover Colours 13 Years, 9 Months ago

Karma: 0

Hi guys...

I'd like to style my menu that each parent item has a different colour, and any pages under that parent item are the same colour...

e.g.
Item 1 (RED) (item1)
|- Sub Item 1 (RED) (item2)
|- Sub Item 2 (RED) (item3)
|- Sub Item 3 (RED) (item4)
Item 2 (BLUE) (item5)
|- Sub Item 1 (BLUE) (item6)
|- Sub Item 1 (BLUE) (item7)
|- Sub Item 1 (BLUE) (item8)

Currently I can assign colours using the "li.ux-menu-item4" however the ordering of the items is messing it up because if I add a sub item everything after it is thrown out.

I would love any help you can give me!

tank

The administrator has disabled public write access.

#5429

Re:Varying Hover Colours 13 Years, 9 Months ago Karma: 747

Hello,

Download and upgrade the module, please. After this you can use the following CSS rules:

Code:



.ux-menu-container .ux-menu li.ux-menu-item-parent-pos0 a

{

 color: red;

}



.ux-menu-container .ux-menu li.ux-menu-item-parent-pos1 a

{

 color: blue;

}

In other words, each parent menu item contains the following CSS class ux-menu-item-parent-pos[ITEM_INDEX] where [ITEM_INDEX] is zero-based menu item index.

Regards,
ARI Soft

admin