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?

Change width of top level menu items
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Change width of top level menu items
#5176
Change width of top level menu items 7 Years, 5 Months ago Karma: 0
Hi,

Is there any way to change the width of the top level menu items (not the drop downs)?

My site is at sp.michaelkalman.net


My current CSS is :

.yui-skin-sam .yuimenubar .bd
{
line-height: inherit;
}

.top_menu .yui-skin-sam .yuimenubar UL
{
padding: 0;
}

.top_menu .yui-skin-sam .yuimenubar UL LI
{
padding: 0;
margin:0;
}

.top_menu .yui-skin-sam .yuimenubar .yuimenu UL LI
{
float: none;
}

BODY #{$id}.yui-skin-sam .yuimenubar,
BODY #{$id}.yui-skin-sam .yuimenubaritem-selected,
BODY #{$id}.yui-skin-sam UL LI.yuimenuitem-selected,
BODY #{$id}.yui-skin-sam .yuimenu .bd
{
background-color: #011E30;
background-image: none;
border-width:1;
}


BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel,
BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:link,
BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:visited,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:link,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:visited
{
color: #F0F5F8;
}

BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:hover,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:hover
{
color: #F0F5F8;
background-color: #256F91;
}

.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu
{
background-image: none;
}

.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel
{
width:50px;
text-align:center;
}

.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritem
{
border-width: 1;
}

top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel:hover,
.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected
{
border-width: 1;
margin-left: 0px;
}


cheers
Michael.
The administrator has disabled public write access.
 
#5179
Re:Change width of top level menu items 7 Years, 5 Months ago Karma: 670
Hello,

You can use the following CSS rule:

Code:


#topmenu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel
{
  width: 149px;
}



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