ARI Soft - Changing or removing separator /Width of menu item

Home

News

Forum

Featured Demos

ARI Smart Content demo

ARI Quiz demo

ARI Sexy Lightbox demo

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show Cart

Recent Events

29/12/2011 Merry Christmas and Happy New Year!

Dear visitors, our office will be closed from December 30 to January 2 due to the celebration of the New Year. You can purchase and download our products, but we can not guarantee quick answers to your questions for this period of time. Happy New Year! Your ARI Soft team.

more...
27/09/2011 ARI Smart Content v. 1.8.0

ARI Smart Content v. 1.8.0 is ready. New version is compatible with Joomla! 1.5, 1.6 and 1.7 and it is released under GNU GPL license.

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 YUI Menu

Changing or removing separator /Width of menu item

(1 viewing) (1) Guest

Page: 1

TOPIC: Changing or removing separator /Width of menu item

Forum Tools

#4940

Changing or removing separator /Width of menu item 1 Year, 7 Months ago

Karma: 0

Hello to everybody

First i want to say thank you for that great menu module. I really like it. Because I am also a little bit new to css and all that stuff I am trying hard at the moment how to remove the separators between the different menu items, or to change it to another graphic.

Also I have question concerning the width of the menu items and the different levels.

Is it possible to fix the width for the first level and keep the submenus flexibel in width?

I hope somebody can help me.

Thank you in advance and best regards.

Peter

mana78

Last Edit: 2010/06/19 20:56 By mana78.

The administrator has disabled public write access.

#4960

Re:Changing or removing separator /Width of menu item 1 Year, 7 Months ago Karma: 278

Hello,

Regarding your questions, you can use the following CSS rule that define width for first level menu items:

Code:



.yuimenubar .bd UL LI a

{

 width: 150px; /* specify necessary width */

}



.yuimenubar .bd UL LI .bd UL LI a

{

 width: auto;

}

and you can type the following CSS rules in 'CSS Styles' module parameter that remove separators:

Code:



body #{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritem

{

  border-right-style: none;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#5227

Re:Changing or removing separator /Width of menu item 1 Year, 7 Months ago	Karma: 0
Thank you very much for your help. Really a great module. Regards. Peter

mana78

The administrator has disabled public write access.

Page: 1

Useful Links