ARI Soft - Custom Menu 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

Custom Menu colours

(1 viewing) (1) Guest

Page: 12

TOPIC: Custom Menu colours

Forum Tools

#30218

Custom Menu colours 11 Years, 11 Months ago

Karma: 0

I'm trying to get a custom background colour for each individual menu item
on my site.

I tried adding the following to the CCS styles for the module but it didn't work:

/* test colours */

.ux-menu LI.ux-menu-item488>A
{
background: #333333 !important;
}

.ux-menu LI.ux-menu-item469>A
{
background: #444444 !important;
}

.ux-menu LI.ux-menu-item470>A
{
background: #555555 !important;
}

.ux-menu LI.ux-menu-item471>A
{
background: #777777 !important;
}

.ux-menu LI.ux-menu-item472>A
{
background: #888888 !important;
}

.ux-menu LI.ux-menu-item473>A
{
background: #999999 !important;
}

/* CODE FOR INDIVIDUAL HOVER COLOUR BELOW */

.ux-menu LI.ux-menu-item488>A:hover
{
color: blue !important;
}

.ux-menu LI.ux-menu-item469>A:hover
{
color: blue !important;
}

.ux-menu LI.ux-menu-item470>A:hover
{
color: blue !important;
}

.ux-menu LI.ux-menu-item471>A:hover
{
color: blue !important;
}

.ux-menu LI.ux-menu-item472>A:hover
{
color: blue !important;
}

.ux-menu LI.ux-menu-item473>A:hover
{
color: blue !important;
}

scotth

The administrator has disabled public write access.

#30221

Re:Custom Menu colours 11 Years, 11 Months ago	Karma: 748
Hello, Where we can see your menu? Regards, ARI Soft

admin

The administrator has disabled public write access.

#30223

Re:Custom Menu colours 11 Years, 11 Months ago	Karma: 0
bipolarcouture.ca/

scotth

The administrator has disabled public write access.

#30224

Re:Custom Menu colours 11 Years, 11 Months ago	Karma: 748
Where do you add custom CSS rules? It seems they don't load. Regards, ARI Soft

admin

The administrator has disabled public write access.

#30254

Re:Custom Menu colours 11 Years, 11 Months ago	Karma: 0
I loaded them in the CSS Styles window in the module manager. The issue seems to have resolved itself. I removed the code and dropped it in again - then saved. Test colours are now functioning.

scotth

The administrator has disabled public write access.

#30277

Re:Custom Menu colours 11 Years, 11 Months ago

Karma: 0

Any ideas if this is correct?
Added code for hover but this doesn't seem to work.
I took this from another post and it worked for them.

/* hover colours */

.ux-menu LI.ux-menu-item488>A:hover
{
background: #AE89AE !important;
}

.ux-menu LI.ux-menu-item469>A:hover
{
background: #DEF2F6 !important;
}

.ux-menu LI.ux-menu-item470>A:hover
{
background: #219BCE !important;
}

.ux-menu LI.ux-menu-item471>A:hover
{
background: #8DCFB4 !important;
}

.ux-menu LI.ux-menu-item472>A:hover
{
background: #88C1BA !important;
}

.ux-menu LI.ux-menu-item473>A:hover
{
background: #AE9AAE !important;
}

scotth

Last Edit: 2012/08/02 01:38 By scotth.Reason: additional information

The administrator has disabled public write access.

Page: 12

Useful Links