ARI Soft - trying to customize EXT menu element backgrounds

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

trying to customize EXT menu element backgrounds

(1 viewing) (1) Guest

Page: 123 4

TOPIC: trying to customize EXT menu element backgrounds

Forum Tools

#23575

Re:trying to customize EXT menu element backgrounds 12 Years, 3 Months ago	Karma: 0
I'm not really sure, maybe I misunderstood you. I thought maybe you had said it was based on joomla's menu item ID's but maybe not. I'm not sure what $ID you mentioned. All I'm really trying to do is to define the 1st, 2nd, 3rd, 4th....... 'ux-menu-sub' 'about us' 'ux-menu-sub' = blue 'contact us' 'ux-menu-sub' = red like that.

chava

The administrator has disabled public write access.

#23576

Re:trying to customize EXT menu element backgrounds 12 Years, 3 Months ago	Karma: 748
Provide a link to a page where we can see a menu. Regards, ARI Soft

admin

The administrator has disabled public write access.

#23577

Re:trying to customize EXT menu element backgrounds 12 Years, 3 Months ago	Karma: 0
chava wrote: What I have so far: www.geopeakenergy.com/betasite/commercial It works perfect, but looks pretty boring. Here's what I'd like to end up with: www.geopeakenergy.com/commercial So I basically need to learn to give each submenu column a background image

chava

The administrator has disabled public write access.

#23584

Re:trying to customize EXT menu element backgrounds 12 Years, 3 Months ago Karma: 748

Try to use the next CSS rules:

Code:



.ux-menu LI.ux-menu-item549 A:hover,

.ux-menu LI.ux-menu-item549 A.ux-menu-link-hover,

.ux-menu LI.ux-menu-item549 .ux-menu-sub A

{

 background-color: green !important;

}



.ux-menu LI.ux-menu-item550 A:hover,

.ux-menu LI.ux-menu-item550 A.ux-menu-link-hover,

.ux-menu LI.ux-menu-item550 .ux-menu-sub A

{

 background-color: red !important;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#23585

Re:trying to customize EXT menu element backgrounds 12 Years, 3 Months ago

Karma: 0

The reason that solution does not work is because it targets each LI element, not the entire UL object, which is what I need to target.

As you can see on the link I sent, I'm trying to apply a background image to the UL

something like the following works for my purpose, but only if all submenus have the same background. I'd like to define each submenu item to have a different background image.

.ux-menu-sub {background: url(images/bluebg.png) no-repeat bottom center;

Is it possible?

If ARI EXT menu would require a new 'UL ID' feature perhaps I could compensate you for your time?

Thank you for your help so far! I am truly grateful!

chava

Last Edit: 2012/01/11 21:49 By chava.

The administrator has disabled public write access.

#23594

Re:trying to customize EXT menu element backgrounds 12 Years, 3 Months ago Karma: 748

Use the next one:

Code:



.ux-menu LI.ux-menu-item549 .ux-menu-sub

{

 background: transparent url(http://www.geopeakenergy.com/commercial/templates/ifs_geo_res/images/mainnav_about-drophover.png);

}



.ux-menu LI.ux-menu-item549 .ux-menu-sub A

{

 background: transparent none !important;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 123 4

Useful Links