Home News Contact Us Forum About Us Demos Products F.A.Q.
ARI Soft









Register   Lost Password?
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. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?
ARI Soft Forum
Joomla components
ARI Ext Menu

Image hover
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Image hover
#40349
Re:Image hover 11 Years ago Karma: 0
You are good !!

Final question..

How do i make the Hover image fill the entire menu container as it is in my picture.. ?
xelot
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#40350
Re:Image hover 11 Years ago Karma: 748
Remove this custom CSS rule:

.ux-menu-container
{
padding:7px;
}

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#40352
Re:Image hover 11 Years ago Karma: 0
Is there anyway that i can center the text vertically, and at the same time have top to bottom image on hover ?

Also, does ARI soft have a paypal acount that i can donate to ? I would like to support your nice work
xelot
User Offline Click here to see the profile of this user
Last Edit: 2013/04/28 17:30 By xelot.
The administrator has disabled public write access.
 
#40355
Re:Image hover 11 Years ago Karma: 748
Use the following CSS rules:

DIV.ux-menu-container
{
padding: 0;
}

DIV.ux-menu-container A.ux-menu-link-level-0
{
padding-top: 17px;
padding-bottom: 17px;
}

DIV.ux-menu-container A.ux-menu-link-level-0>.ux-menu-arrow
{
top: 21px;
}

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#40601
Re:Image hover 10 Years, 11 Months ago Karma: 0
Hello again,

The css you provided worked perfect. Now i have a new problem ..

The code shows perfect in browser Safari on Mac, but looks terrible on Firefox, IE and so on.

This is how it is showed..:



I've found that when i remove the following css, the content falls back in place:

Code:
DIV.ux-menu-container A.ux-menu-link-level-0
{
padding-top: 17px;
padding-bottom: 17px;
}


Is there any way i can change that code, or do anything else ?
xelot
User Offline Click here to see the profile of this user
Last Edit: 2013/05/06 18:34 By xelot.
The administrator has disabled public write access.
 
#40604
Re:Image hover 10 Years, 11 Months ago Karma: 748
Use the following CSS rule:

DIV.ux-menu-container A.ux-menu-link-level-0
{
padding-top: 16px;
}

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 123
ARI Soft Forum
Joomla components
ARI Ext Menu
Powered by Kunenaget the latest posts directly to your desktop
Useful Links
Products
F.A.Q.
Discount
RSS
Top Products
ARI Data Tables
ARI Sexy Lightbox
ARI Quiz
ARI Stream Quiz - Personal
ARI Smart Content
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Demos | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009