ARI Soft - CSS help - background on hover

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

CSS help - background on hover

(1 viewing) (1) Guest

Page: 1

TOPIC: CSS help - background on hover

Forum Tools

#12638

CSS help - background on hover 13 Years, 2 Months ago	Karma: 0
Hi, could someone please check this site: masobrejcha.vasik.net and help me to: 1) make the clickable area to the whole li - I mean when I hover over the link, change background of the whole li 2) don't change the background color of the link to white when moving to subitems Thanks

vasik

The administrator has disabled public write access.

#12645

Re:CSS help - background on hover 13 Years, 2 Months ago Karma: 748

Hello,

1. Add the following CSS rules:

Code:



.ux-menu LI.ux-menu-item-main

{

  padding: 0;

  height: 70px

}



.ux-menu LI.ux-menu-item-main A

{

  height: 30px;

  padding-top: 30px;

}



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

{

  padding-top: 10px;

  height: inherit;

}

2. Add the next CSS rule:

Code:



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

{

  background: #222222 none;

}

Regards,
ARI Soft

admin