ARI Soft - Change 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

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

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 Ext Menu

Change Background Color

(1 viewing) (1) Guest

Page: 12

TOPIC: Change Background Color

Forum Tools

#4801

Change Background Color 13 Years, 10 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!

heilgenpahl

The administrator has disabled public write access.

#4802

Re:Change Background Color 13 Years, 10 Months ago Karma: 747

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

admin

Last Edit: 2010/06/13 08:04 By admin.

The administrator has disabled public write access.

#4839

Re:Change Background Color 13 Years, 10 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!

heilgenpahl

The administrator has disabled public write access.

#4846

Re:Change Background Color 13 Years, 10 Months ago

Karma: 747

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

admin

The administrator has disabled public write access.

#4849

Re:Change Background Color 13 Years, 10 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.

heilgenpahl

The administrator has disabled public write access.

#4856

Re:Change Background Color 13 Years, 10 Months ago Karma: 747

Use the following CSS rule:

Code:



.ux-menu-container .ux-menu a

{

  background: #FFF none;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links