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?

Change Background Color
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Change Background Color
#4801
Change Background Color 7 Years, 4 Months ago Karma: 0
I love this menu but can't seem to figure out the following

1. How to change the background color to match my site. I need color #8BC525.

2. How to change the hoverover color from blue to a lighter green

3. How to change the font color to white.

Here is a link to my site: 174.132.221.8/~mrcf2192/

Thanks!
The administrator has disabled public write access.
 
#4802
Re:Change Background Color 7 Years, 4 Months ago Karma: 667
Hello,

You can add the following CSS rules to template CSS file:

Code:


.ux-menu-container .ux-menu a
{
  background: #8BC525 none;
  color: #fff;
}

.ux-menu-container .ux-menu a:hover,
.ux-menu-container .ux-menu a:focus,
.ux-menu-container .ux-menu a.ux-menu-link-hover
{
  background: #91FF91 none;
}



Regards,
ARI Soft
Last Edit: 2010/06/13 02:04 By admin.
The administrator has disabled public write access.
 
#4839
Re:Change Background Color 7 Years, 4 Months ago Karma: 0
Thanks - now I've ended up changing my template so need to do the following:

1. Change font & font size & font color
2. Change background for basic menu & when I hover
3. Change color of arrows from blue to green
4. Remove the dots on the left of the menu items - I'm sure they are coming from my template.

Thanks sooooo much for your help!
The administrator has disabled public write access.
 
#4846
Re:Change Background Color 7 Years, 4 Months ago Karma: 667
Hello,

Use the following CSS rules:

1.

.ux-menu-container .ux-menu LI A
{
color: green;
font-family: Tahoma;
}

you can define font size in module settings.

2.

.ux-menu-container .ux-menu LI A.ux-menu-link-hover,
.ux-menu-container .ux-menu LI A:hover,
.ux-menu-container .ux-menu LI A:focus
{
background: red;
}

3.

It requires to modify <joomla_dir>/modules/mod_ariextmenu/mod_ariextmenu/js/css/images/menu-arrow-right.png file.

4.

.ux-menu-container .ux-menu LI
{
background-image: none;
padding-left: 0;
}

Regards,
ARI Soft
The administrator has disabled public write access.
 
#4849
Re:Change Background Color 7 Years, 4 Months ago Karma: 0
Awesome thank you!!!! The only thing I still can't seem to change is the default color of the menu. I think I'd just like it to be white like the background of the site.
The administrator has disabled public write access.
 
#4856
Re:Change Background Color 7 Years, 4 Months ago Karma: 667
Use the following CSS rule:

Code:


.ux-menu-container .ux-menu a
{
  background: #FFF none;
}



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