ARI Soft - Menu Format - ARI Soft Forum

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

Menu Format

(1 viewing) (1) Guest

Page: 1

TOPIC: Menu Format

Forum Tools

#6214

Menu Format 13 Years, 8 Months ago	Karma: 0
I am trying to do 3 things with the menu on www.devxtemp.info/joomla/: 1) center the menu, set to 700 px, to the content body, 2) set the regular and hover colors of the second level menu items - they should be the reverse of the first level, 3) set the font sizes, font-family of each level. I would appreciate any help.

TimScudder

The administrator has disabled public write access.

#6233

Re:Menu Format 13 Years, 8 Months ago Karma: 747

Hello,

Regarding questions 1 and 2, use the following CSS rules:

Code:



#ja-mainnav

{

  text-align: center;

}



#ja-mainnav .yui-skin-sam

{

  display: -moz-inline-stack;

  display: inline-block;

  zoom: 1;

  *display: inline;

}



#ja-mainnav .yuimenubar .bd UL LI UL LI A.yuimenuitemlabel

{

  color: red;

}



#ja-mainnav .yuimenubar .bd UL LI UL LI A.yuimenuitemlabel:hover

{

  color: green;

}

Regarding question 3, currently the module doesn't provide possibility to define specific styles for specific sub-menu items level.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#6302

Re:Menu Format 13 Years, 8 Months ago	Karma: 0
Thanks - that was extremely helpful. Two more questions: 1) is it possible to center the first level menu items (Home, About Us, etc.) in the menubar? 2) How do set the color and thickness of the borders between the first level menu items, for example, to have thick blue borders between them (probably both left and right borders)?

TimScudder

The administrator has disabled public write access.

#6551

Re:Menu Format 13 Years, 8 Months ago Karma: 747

Hello,

1. Use the following CSS rules in 'CSS Styles' parameter in module settings:

Code:



#{$id}.yui-skin-sam .bd ul li a.yuimenubaritemlabel, 

#{$id}.yui-skin-sam .bd ul li a.yuimenubaritemlabel:link, 

#{$id}.yui-skin-sam .bd ul li a.yuimenubaritemlabel:visited, 

#{$id}.yui-skin-sam .bd ul li a.yuimenubaritemlabel:hover

{

 padding: 0 10px 0 10px;

}



#{$id}.yui-skin-sam .bd ul li a.yuimenubaritemlabel-hassubmenu,

#{$id}.yui-skin-sam .bd ul li a.yuimenubaritemlabel-hassubmenu:link, 

#{$id}.yui-skin-sam .bd ul li a.yuimenubaritemlabel-hassubmenu:visited, 

#{$id}.yui-skin-sam .bd ul li a.yuimenubaritemlabel-hassubmenu:hover

{

 padding: 0 20px 0 10px;

}

2. You can type the following CSS rule in 'CSS Styles' textarea in module settings:

Code:



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

{

  border-right: red 2px solid;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 1

Useful Links