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?

remove border and add a submenu background color
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: remove border and add a submenu background color
#12115
remove border and add a submenu background color 13 Years, 8 Months ago Karma: 0
Greetings,

This is a great module. It installed perfectly and works like a charm. But now I'm having trouble with my CSS Styles.

First, I'm unable to remove the border from menu items.

Also, I have the menu items set to transparent but I would like to have a background color for the submenu items.

I've tried a few different things but nothing seems to work. Here is my current CSS Styles. Thanks!

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:transparent;
background-image: none;
border-style: 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: #FFFFFF;
}
The administrator has disabled public write access.
 
#12116
Re:remove border and add a submenu background color 13 Years, 8 Months ago Karma: 760
Hello,

Provide link to page please where we can see the menu on your site.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#12119
Re:remove border and add a submenu background color 13 Years, 8 Months ago Karma: 0
.com/

Thanks
Last Edit: 2011/03/09 15:56 By Starman.
The administrator has disabled public write access.
 
#12120
Re:remove border and add a submenu background color 13 Years, 8 Months ago Karma: 760
Add the next CSS rules:

Code:


/* Remove borders */
#pillmenu .yui-skin-sam ul li a.yuimenubaritemlabel,
#pillmenu .yui-skin-sam .yuimenubarnav .yuimenubaritem
{
 border-style: none !important;
}

/* Set background color of sub-menus */
#pillmenu DIV.yui-skin-sam .yuimenubar .yuimenu
{
 background-color: red;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#12122
Re:remove border and add a submenu background color 13 Years, 8 Months ago Karma: 0
It worked! Thank you so much!
The administrator has disabled public write access.
 
Go to topPage: 1