ARI Soft - Top menu style vs. sub menu style (backgrounds)

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

23/11/2024 Black Friday 2024

BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

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

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

Top menu style vs. sub menu style (backgrounds)

(1 viewing) (1) Guest

Page: 1

TOPIC: Top menu style vs. sub menu style (backgrounds)

Forum Tools

#12743

Top menu style vs. sub menu style (backgrounds) 13 Years, 8 Months ago	Karma: 0
How do I style the top menu background color to be different from the sub menu background color? Example: the top menu should be a white background with a rollover color of bisque. The sub menu should be blue background with a rollover color of white.

lowell108

The administrator has disabled public write access.

#12744

Re:Top menu style vs. sub menu style (backgrounds) 13 Years, 8 Months ago Karma: 760

Hello,

Use the next CSS rules:

Code:



.ux-menu LI A

{

 background: white none;

}



.ux-menu LI A:hover,

.ux-menu LI A:focus,

.ux-menu LI A.ux-menu-link-hover

{

 background: bisque none;

}



.ux-menu .ux-menu-sub LI A

{

 background: blue none;

}



.ux-menu .ux-menu-sub LI A:hover,

.ux-menu .ux-menu-sub LI A:focus,

.ux-menu .ux-menu-sub LI A.ux-menu-link-hover

{

 background: white none;

}