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


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

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


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?

CSS Styles - background image on ARI EXT menu
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: CSS Styles - background image on ARI EXT menu
#43920
CSS Styles - background image on ARI EXT menu 11 Years, 3 Months ago Karma: 0
Hi,
I tried to modify CSS Styles in module properties but it won't work .
Here is my test page: novalab.com.pl/test
I have added CSS Style:

#ariext88_container .ux-menu > LI > A.current {
background: url("novalab.com.pl/test/images/novalab/activ.png") repeat scroll 0 0 #13A89E !important;
}

#ariext88_container .ux-menu > LI > A{
background: url("novalab.com.pl/test/images/novalab/menubg.png") repeat scroll 0 0 #13A89E !important;
}

Problem is that I don't know how to add hover background and background for submenu "Kontakt". Also when I choose something form "Kontakt" menu I lost background images.
Link for hover image: novalab.com.pl/test/images/novalab/hover.png

Can You help me?

Regards,
Lech
The administrator has disabled public write access.
 
#43921
Re:CSS Styles - background image on ARI EXT menu 11 Years, 3 Months ago Karma: 760
Hello,

Background images are disappeared on sub-pages due to problem with relative paths which are used in custom CSS rules and SEF. Use the following CSS rules:

#ariext88_container .ux-menu > LI > A.current {
background: url("/test/images/novalab/activ.png") repeat scroll 0 0 #13A89E !important;
}

#ariext88_container .ux-menu > LI > A{
background: url("/test/images/novalab/menubg.png") repeat scroll 0 0 #13A89E !important;
}

Use the following CSS rule for hover and sub-menus:

#ariext88_container .ux-menu > LI > A:hover,
#ariext88_container .ux-menu-sub LI A{
background: url("/test/images/novalab/hover.png") repeat scroll 0 0 #13A89E !important;
}


Regards,
ARI Soft
The administrator has disabled public write access.
 
#43922
Re:CSS Styles - background image on ARI EXT menu 11 Years, 3 Months ago Karma: 0
Thank You!
The administrator has disabled public write access.
 
Go to topPage: 1