ARI Soft - CSS Styles - background image on ARI EXT menu

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

CSS Styles - background image on ARI EXT menu

(1 viewing) (1) Guest

Page: 1

TOPIC: CSS Styles - background image on ARI EXT menu

Forum Tools

#43920

CSS Styles - background image on ARI EXT menu 10 Years, 8 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

lesiet

The administrator has disabled public write access.

#43921

Re:CSS Styles - background image on ARI EXT menu 10 Years, 8 Months ago

Karma: 748

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

admin

The administrator has disabled public write access.

#43922

Re:CSS Styles - background image on ARI EXT menu 10 Years, 8 Months ago	Karma: 0
Thank You!

lesiet

The administrator has disabled public write access.

Page: 1

Useful Links