Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


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

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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 background & sub-menu styling
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Remove background & sub-menu styling
#27054
Remove background & sub-menu styling 5 Years, 6 Months ago Karma: 0
Hi

Have managed to simplify the menu without any borders etc but can't seem to find the hover background css to remove it.

Also, want to remove the drop-down sub-menu styling so it is just plain similar to the main menu items (see image attached).

Any help would be appreciated.

regards
Rob Willox
The administrator has disabled public write access.
 
#27055
Re:Remove background & sub-menu styling 5 Years, 6 Months ago Karma: 667
Hello,

Provide a link to a page where we can see menu.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#27059
Re:Remove background & sub-menu styling 5 Years, 6 Months ago Karma: 0
Hi

Thanks for the quick reply.

Site: www.vent-trex.com

Client wants simple, clean menu with no border, no background just colour change on hover.

regards
Rob Willox
The administrator has disabled public write access.
 
#27060
Re:Remove background & sub-menu styling 5 Years, 6 Months ago Karma: 667
Add the next CSS rules to "CSS Styles" parameter in module settings:

Code:


.nav .yuimenu .bd
{
 border-style: none !important;
}

.nav .yuimenu .yui-menu-shadow
{
 display: none !important;
}

.wrapper .container .nav .yuimenu li
{
 width: 100%;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#27062
Re:Remove background & sub-menu styling 5 Years, 6 Months ago Karma: 0
Hi

Thanks, that's taken the sub-menu border/shadows off.

Also, need to remove the main menu items background hover (they show a blue graduated background) and the blue background on sub-menu hover and show text as green on hover only.

Thanks again for your help.

regards
Rob
The administrator has disabled public write access.
 
#27064
Re:Remove background & sub-menu styling 5 Years, 6 Months ago Karma: 667
Add the next CSS rules:

Code:


.nav UL LI.yuimenubaritem-selected
{
 background-image: none !important;
}

#ariyui102 UL LI A.yuimenuitemlabel-selected
{
 color: green !important;
}



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