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?

CSS Codes
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: CSS Codes
#8146
CSS Codes 7 Years, 1 Month ago Karma: 0
Hi firstly I want to thank you for this wonderful module.

It has been one of the better drop down menu that I have tried.

I have done up a horizontal top menu. My link is test.vfcliw.org

I need your advise on the following CSS changes

1. change the back ground color for the menu.

2. remove the border

Thanking you in advance
The administrator has disabled public write access.
 
#8148
Re:CSS Codes 7 Years, 1 Month ago Karma: 0
Hi

I have done for updating and resolve some issues.

but would need your inputs on the following

1. how to remove the top and bottom borders on the top menu

2. on the child menu how can i same the background color and the opacity

Below are CSS added in the module


#{$id}
{
position: relative;
left: 30px;
}


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

.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu
{
background-image: url(test/templates/cdp/images/header.jpg);
}

.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;
}


thanks for all your help
The administrator has disabled public write access.
 
#8149
Re:CSS Codes 7 Years, 1 Month ago Karma: 0
Hi

I have resolved all the above issues via the forum

how can I add a separator between the sub menu
The administrator has disabled public write access.
 
#8151
Re:CSS Codes 7 Years, 1 Month ago Karma: 671
Hello,

Add the following CSS rules:

Code:


#ariyui45 .yuimenu li
{
 border-top: 1px solid blue;
}

#ariyui45 .yuimenu li.first-of-type
{
 border-top-style: none;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#8153
Re:CSS Codes 7 Years, 1 Month ago Karma: 0
Hi

Thanks for ur reply

My apologies for not explaining clearly, I want to place a seperator between the different sub menu level.

I have attached a print screen for illustration.

cheers
The administrator has disabled public write access.
 
#8154
Re:CSS Codes 7 Years, 1 Month ago Karma: 671
No, this is impossible.

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