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?

Active menu
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Active menu
#47741
Active menu 3 Years, 8 Months ago Karma: 0
I want to have a thick line in red color underneath the active link in the menu. How can I do that with css?
See the attached image!

Last Edit: 2014/02/08 01:51 By tomkarz.
The administrator has disabled public write access.
 
#47742
Re:Active menu 3 Years, 8 Months ago Karma: 666
Hello,

Add the following CSS rules to "CSS Styles" parameter in module settings:

UL.ux-menu LI A.current,
UL.ux-menu LI A:hover
{
border-bottom: 2px solid red;
}

Regards,
ARI Soft
The administrator has disabled public write access.
 
#47743
Re:Active menu 3 Years, 8 Months ago Karma: 0
Thank you for fast support. Worked fine except for the size! Itīs a little bit to long. How can I get it to be the same size as the text in the menu?
The administrator has disabled public write access.
 
#47745
Re:Active menu 3 Years, 8 Months ago Karma: 666
It requires modification of the extension.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#47750
Re:Active menu 3 Years, 8 Months ago Karma: 0
But if I don=t want to have the red line under when I hover over some other word in the menu. I=ve tried to remove the hover in the css, but then its not working with active link.
The administrator has disabled public write access.
 
#47751
Re:Active menu 3 Years, 8 Months ago Karma: 666
Use the following CSS rule:

UL.ux-menu LI A.current
{
border-bottom: 2px solid red;
}

instead of:

UL.ux-menu LI A.current,
UL.ux-menu LI A:hover
{
border-bottom: 2px solid red;
}

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1