ARI Soft - Remove Spacing between the sub 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

Remove Spacing between the sub menu items

(1 viewing) (1) Guest

Page: 1 234

TOPIC: Remove Spacing between the sub menu items

Forum Tools

#13443

Re:Remove Spacing between the sub menu items 13 Years, 3 Months ago Karma: 748

Hello,

Add the next CSS rules:

Code:



.ux-menu A:link

{

 text-decoration: none;

}



.ux-menu LI

{

 margin: 0;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#13462

Re:Remove Spacing between the sub menu items 13 Years, 3 Months ago	Karma: 0
Thank you very much for this fast answer. It works perfectly but only in Google Chrome and Mozilla Firefox. In internet Explorer, appears the underscore under an item of the menu after clicking it. Also in Internet Explorer the Menu it's not centered, it's on the left side. How can I change the color, size and font of the menu letters? Jose

Bilchez

Last Edit: 2011/04/07 14:52 By Bilchez.

The administrator has disabled public write access.

#13468

Re:Remove Spacing between the sub menu items 13 Years, 3 Months ago Karma: 748

Try to use the next CSS rule that fix problem with link in IE:

Code:



UL.ux-menu LI A

{

 text-decoration: none !important;

}

font size can be defined in module settings. The next CSS rule can be used that change text color and font:

Code:



.ux-menu LI A

{

 color: red;

 font-family: Arial;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#13478

Re:Remove Spacing between the sub menu items 13 Years, 3 Months ago

Karma: 0

IE problem of underscore solved, thank you very much. Now I have removed space between items of submenu and the underscore of the letters, adding the following CSS rules:

UL.ux-menu LI A
{
text-decoration: none !important;
}

.ux-menu LI
{
margin: 0;
}

In the module settings I can change the size of the text of all menus (Submenus included) but I would like only to change the size of the text of submenus.

Another thing would be centering the menu because now it's on the left side of the web, it it possible to do it?

Thank you very much again,

Jose

Bilchez

The administrator has disabled public write access.

#13479

Re:Remove Spacing between the sub menu items 13 Years, 3 Months ago Karma: 748

Use the next CSS rule that change text styles of sub-menus:

Code:



#art-main .ux-menu .ux-menu-sub LI A

{

 color: green;

 font-family: Tahoma;

 font-size: 10px !important;

}

add the following CSS rule that centering the menu:

Code:



.art-Sheet-body .art-nostyle

{

 text-align: center;

}



.art-Sheet-body .art-nostyle .ux-menu-container

{

 display: inline-block;

 zoom: 1;

 *display: inline;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#13544

Re:Remove Spacing between the sub menu items 13 Years, 2 Months ago	Karma: 0
Thank you very much for all your support. Everything works fine, but I have inserted a flash animation and submenu disappear under it. Is there any way to cover the animation with the submenus? Thank you very much again, Jose

Bilchez

The administrator has disabled public write access.

Page: 1 234

Useful Links