Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your 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.

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


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 menu color
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: change menu color
#6572
change menu color 13 Years, 8 Months ago Karma: 0
Hi! I just want to say that I've had great luck with ARI menus where others failed. Now, I have another question. Is there a way to change the color of ariextmenu to math my site's theme? I'm using ja_purity, and after fixing the submenu location, this is all that I have to do. the site is at rivertraders.net. Just a simple css code would be great.

Thanks in advance!

P.S. While I'm at it, I'd like to remove the i pixel padding between the nav bar and the submenu, because putting the mouse there can close the menu. This also needs to be fixed on sub menus of sub menus. (You can see it on my site.)
Last Edit: 2010/08/23 23:32 By zonedabone.
The administrator has disabled public write access.
 
#6573
Re:change menu color 13 Years, 8 Months ago Karma: 748
Hello,

Use the next CSS rule that remove 1px padding:

Code:


#ja-mainnav .ux-menu-container .ux-menu .ux-menu-sub
{
  margin-top: -1px;
  margin-left: -2px;
}



About the menu colors, provide information how it should look (screenshot with updated menu for example).

Regards,
ARI Soft
The administrator has disabled public write access.
 
#6589
Re:change menu color 13 Years, 8 Months ago Karma: 0
Ok! In order to blend in with ja_purity, I need the menus and submenus to have a background of #444444. I could edit the background images in the css/images directory, but I'd rather not have everyone loading as many images. Highlighted items could just be #666666, and the current should be #777777. I was able to get the highlighted ones to change, but it involved editing the css file, and I'd like to limit it to rules in the module css box, in case I want to use the menu again.
The administrator has disabled public write access.
 
#6591
Re:change menu color 13 Years, 8 Months ago Karma: 748
Add the following CSS rules:

Code:


.ux-menu-container .ux-menu A
{
 background: #444444 none;
}

.ux-menu-container .ux-menu A:hover,
.ux-menu-container .ux-menu A.ux-menu-link-hover
{
 background: #666666 none;
}

.ux-menu-container .ux-menu A.current
{
 background: #777777 none;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#6594
Re:change menu color 13 Years, 8 Months ago Karma: 0
Sorry for splitting my stuff up so much, but I have a few more requests from users. I need to make all the menu items half their current height. Also, I'd like the borders to be changed to #555555. I think I know how to modify the above rules to fix the border, but I have no clue how to do height.

EDIT: Modifying the border property on all of the rules you gave me cause some glitches. I'll stick with the current for now, unless you know how to fix that.
Last Edit: 2010/08/24 14:55 By zonedabone.
The administrator has disabled public write access.
 
#6595
Re:change menu color 13 Years, 8 Months ago Karma: 0
About the border specifics, I'd like no top or bottom border on main menu items, but on subs and L/R borders I'd like it to be #555555
The administrator has disabled public write access.
 
Go to topPage: 123