Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 18/11/2017 Black Friday is coming

    Don't wait BLACK FRIDAY, use FRIDAY17 coupon code to get 35% discount for all our extensions right now.

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


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?

trying to customize EXT menu element backgrounds
(1 viewing) (1) Guest
Go to bottomPage: 1234
TOPIC: trying to customize EXT menu element backgrounds
#23575
Re:trying to customize EXT menu element backgrounds 5 Years, 11 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.
The administrator has disabled public write access.
 
#23576
Re:trying to customize EXT menu element backgrounds 5 Years, 11 Months ago Karma: 671
Provide a link to a page where we can see a menu.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#23577
Re:trying to customize EXT menu element backgrounds 5 Years, 11 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
The administrator has disabled public write access.
 
#23584
Re:trying to customize EXT menu element backgrounds 5 Years, 11 Months ago Karma: 671
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
The administrator has disabled public write access.
 
#23585
Re:trying to customize EXT menu element backgrounds 5 Years, 11 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!
Last Edit: 2012/01/11 14:49 By chava.
The administrator has disabled public write access.
 
#23594
Re:trying to customize EXT menu element backgrounds 5 Years, 11 Months ago Karma: 671
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
The administrator has disabled public write access.
 
Go to topPage: 1234