Docs

[markw1]

Hi there, on my site http://salutemhealth.co.uk/

I have created 4 images on the homepage, each with a on hover tooltip popup.
the top 2 images, the tooltip appears to be coming behind the images in the 2nd row.

How can I fix this ?

Many thanks

[Nabeel A]

Hi there,

Thanks for writing in! Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[markw1]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. I have checked with my local testing server and I could not replicate the issue. I wanted to create a test page in your site but Cornerstone is not loading. You may have been suffering a PHP memory limit exhaustion. We recommend that you increase your memory allocated to PHP. To increase it, please edit your wp-config.php file and insert these lines:

define( 'WP_MEMORY_LIMIT', '256M' );
define( 'WP_MAX_MEMORY_LIMIT', '512M' );

You can add it before the line
/*That's all, stop editing! Happy Blogging. */

And please try the attached sample template which popovers works out perfectly.

We would loved to know if this has work for you. Thank you.

[markw1]

This reply has been marked as private.

[Christopher]

Hi there,

I created a test page and found out if you disable ‘Fade effect’ option for images in first row the issue will be fixed, please check this ‘X support’ page.

Hope it helps.

[markw1]

ok, but I wanted to keep the fade effect?
Can I not change the z- index of the tooltip in css?

I did find this page ? Is this a possible fix ?

http://stackoverflow.com/questions/14025438/bootstrap-popover-not-showing-on-top-of-all-elements

also there is no link in your previous reply

[Rad]

Hi there,

Please add this code to Admin > Appearance > Customizer > Custom > Javascript

jQuery( function($) {

$('.x-column[data-fade="true"]').promise().done( function() {

$(this).css( { 'transform' : 'none' } );

} );

} );

That should fix it without disabling the fade in.

Cheers!

[markw1]

Yeah, fantastic 🙂

[Rahul]

Glad to hear it!

If you have anything further to ask, kindly let us know. We’d be happy to assist you with anything.

Thank you.

[Author]

Posts