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?

Varying Hover Colours
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Varying Hover Colours
#5428
Varying Hover Colours 7 Years, 3 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!
The administrator has disabled public write access.
 
#5429
Re:Varying Hover Colours 7 Years, 3 Months ago Karma: 666
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
The administrator has disabled public write access.
 
Go to topPage: 1