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?

Is it possible to change color of
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Is it possible to change color of
#27385
Is it possible to change color of 12 Years, 2 Months ago Karma: 0
one single button in the menu? If yes, than how?

thank you!
The administrator has disabled public write access.
 
#27386
Re:Is it possible to change color of 12 Years, 2 Months ago Karma: 748
Hello,

Use the next CSS rule:

Code:


UL.ux-menu LI.ux-menu-itemMENU_ITEM_ID>A
{
 background: red none !important;
}



Where MENU_ITEM_ID is ID of menu item. For example if you want to change color for menu item with ID = 10, use the following CSS rule:

Code:


UL.ux-menu LI.ux-menu-item10>A
{
 background: red none !important;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#27387
Re:Is it possible to change color of 12 Years, 2 Months ago Karma: 0
thanks!

but how do i know menu item ID of a button? )
The administrator has disabled public write access.
 
#27388
Re:Is it possible to change color of 12 Years, 2 Months ago Karma: 748
It can be found in Joomla! menu manager.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#27417
Re:Is it possible to change color of 12 Years, 2 Months ago Karma: 0
Hi I have a question here too.

I found out that there are 5 png-files who give the menu the color. I have 5 areas on my website which have a diffrent style. For example area 1 has colors organe-blue, second are has red-green and so on.

How can I let ari ext menu show diffrent menu styles. I thought of putting something like this in the css area:

Code:

.ux-menu a{display:block;position:relative;text-decoration:none;color:#432;border-left:1px solid #e3dad1;border-top:1px solid #e3dad1;border-bottom:1px solid #e3dad1;background:#f3efec url(images[b]/menu-item-bg_area1.png[/b]) repeat;font-size:12px;line-height:12px;padding:10px 14px;}


For the second I would try

Code:

.ux-menu a{display:block;position:relative;text-decoration:none;color:#432;border-left:1px solid #e3dad1;border-top:1px solid #e3dad1;border-bottom:1px solid #e3dad1;background:#f3efec url(images[b]/menu-item-bg_area2.png[/b]) repeat;font-size:12px;line-height:12px;padding:10px 14px;}


But this is not working, it simply ignores my image and displays nothing. When I just overwrite the menu-item-bg.png its working but I want to have 5 diffrent styles.

best regards
The administrator has disabled public write access.
 
#27424
Re:Is it possible to change color of 12 Years, 2 Months ago Karma: 748
Hello,

Container of each menu module instance has unique ID based on module ID, it is possible to use #{$id} predefined variable in "CSS Styles" parameter in module settings and it will be replaced with container ID or use #ariextMODUULE_ID_container ID (where MODUULE_ID is ID of a module) in your custom CSS rule.

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