ARI Soft - remove border and add a submenu background color

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

23/11/2024 Black Friday 2024

BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

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

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

remove border and add a submenu background color

(1 viewing) (1) Guest

Page: 1

TOPIC: remove border and add a submenu background color

Forum Tools

#12115

remove border and add a submenu background color 14 Years 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;
}

Starman

The administrator has disabled public write access.

#12116

Re:remove border and add a submenu background color 14 Years ago	Karma: 763
Hello, Provide link to page please where we can see the menu on your site. Regards, ARI Soft

admin

The administrator has disabled public write access.

#12119

Re:remove border and add a submenu background color 14 Years ago	Karma: 0
.com/ Thanks

Starman

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 14 Years ago Karma: 763

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

admin

The administrator has disabled public write access.

#12122

Re:remove border and add a submenu background color 14 Years ago	Karma: 0
It worked! Thank you so much!

Starman

The administrator has disabled public write access.

Page: 1

Useful Links