Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 18/11/2017 Black Friday is coming

    Don't wait BLACK FRIDAY, use FRIDAY17 coupon code to get 35% discount for all our extensions right now.

  • 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.


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?

Menu Format
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Menu Format
#6214
Menu Format 7 Years, 4 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.
The administrator has disabled public write access.
 
#6233
Re:Menu Format 7 Years, 4 Months ago Karma: 671
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
The administrator has disabled public write access.
 
#6302
Re:Menu Format 7 Years, 4 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)?
The administrator has disabled public write access.
 
#6551
Re:Menu Format 7 Years, 3 Months ago Karma: 671
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
The administrator has disabled public write access.
 
Go to topPage: 1