Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your 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.

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


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?

How to remove borders from the menu items
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: How to remove borders from the menu items
#8062
How to remove borders from the menu items 13 Years, 6 Months ago Karma: 0
Hello Support,

I've just installed your menu module and like it very much! But there is one I can't seem to fix.

test.falcko.com/

There are borders arround the menu items which I would rather not see.

What css lines should I include?

Thanks in advance!

So far I have:
.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: #FFFFFF;
background-image: none;
border-width:0;
}


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: #5F798F;
}

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

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

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


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



top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel:hover,
.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected
{
border-width: 0;
margin-left: 0px;
}
The administrator has disabled public write access.
 
#8064
Re:How to remove borders from the menu items 13 Years, 6 Months ago Karma: 747
Hello,

Add the following CSS rule:

Code:


body #ariyui31.yui-skin-sam ul li a.yuimenubaritemlabel, 
body #ariyui31.yui-skin-sam ul li a.yuimenubaritemlabel:link, 
body #ariyui31.yui-skin-sam ul li a.yuimenubaritemlabel:visited, 
body #ariyui31.yui-skin-sam ul li a.yuimenubaritemlabel:hover,
body #ariyui31.yui-skin-sam .yuimenubarnav .yuimenubaritem 
{
 border-style: none;
}



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