ARI Soft - different color menu items

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

different color menu items

(1 viewing) (1) Guest

Page: 1

TOPIC: different color menu items

Forum Tools

#18364

different color menu items 12 Years, 10 Months ago	Karma: 0
I would like to have different background colors for each of the 4 menu items I have. How do I achieve this?

lcm

The administrator has disabled public write access.

#18371

Re:different color menu items 12 Years, 10 Months ago Karma: 748

Hello,

You can use the next CSS rule:

Code:



.ux-menu LI.ux-menu-item[MENU_ITEM_ID] > A

{

 background: red;

}

Where [MENU_ITEM_ID] is ID of menu item. It can be found in Joomla! menu manager. For example if menu item ID equals to 41, use the next CSS rule:

Code:



.ux-menu LI.ux-menu-item41 > A

{

 background: red;

}

PS: Information about menu HTML layout and CSS classes can be found here.

Regards,
ARI Soft

admin