Wordpress page doesn't expand full height with nextgen gallery shortcode

73 Posts

petra posted this 18 February 2016

Please help me, I'm stuck, I use NextGen gallery in wordpress that gives me a shortcode that has to be displayed on a page or post . But the page looses it's height, it just cuts off the images in the gallery. I have tried everything from setting the container height to pixels and 100%hv.
I even created a table cell on the page with 1000px height.

I even checked that the footer is enabled on posts and pages... on all my other pages and posts it works fine.

What am I missing?

Hi Please help me, I'm stuck, I use NextGen gallery in wordpress that gives me a shortcode that has to be displayed on a page or post . But the page looses it's height, it just cuts off the images in the gallery. I have tried everything from setting the container height to pixels and 100%hv. I even created a table cell on the page with 1000px height. I even checked that the footer is enabled on posts and pages... on all my other pages and posts it works fine. What am I missing?

wordpress page-height post-height nextgen

No-footer.jpg

Vote to pay developers attention to this features or issue.

10 Comments

Order By: Standard | Newest

1818 Posts

Stagger Lee posted this 18 February 2016

Give an URL, it will go faster.

73 Posts

petra posted this 19 February 2016

It is : http://thaimassage.co.za/photo-gallery/

Hi It is : http://thaimassage.co.za/photo-gallery/

73 Posts

petra posted this 19 February 2016

I also notice that the page looses it's height when you look at it on a cellphone.
Have a look at this page http://thaimassage.co.za/pricing/ on a phone, it cuts the table off.

Hi I also notice that the page looses it's height when you look at it on a cellphone. Have a look at this page http://thaimassage.co.za/pricing/ on a phone, it cuts the table off.

1818 Posts

Stagger Lee posted this 19 February 2016

Gallery Shutter CSS is overriding Themler body max hight auto. See how to make own CSS file and remove max-height: 100%.

Support Team posted this 19 February 2016

Hi,

Please open this file:
http://thaimassage.co.za/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/shutter/shutter.min.css?ver=4.4.2

remove the body { height:100%;} code.

As for the problem in mobile view, you have set the height to 100vh somewhere within the post control and that causes the issue when viewed on the phone.

Sincerely,
Hella

Hi, Please open this file: http://thaimassage.co.za/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/shutter/shutter.min.css?ver=4.4.2 remove the `body { height:100%;}` code. As for the problem in mobile view, you have set the height to 100vh somewhere within the post control and that causes the issue when viewed on the phone. Sincerely, Hella

73 Posts

petra posted this 20 February 2016

Hi Hella and Stagger

Thanks for pointing the Nextgen CSS, I did remove the body { height:100%;} code, but I still had the problem.
I do realize it is the Nextgen code that is causing the conflict. But to manually have to make changes to code, will be a problem cause it will be lost with updates.

I have tried just Wordpress normal gallery and that works find so for this website I will use that.
The sad part is Nextgen is a very popular gallery in Wordpress.
Could this maybe added to a wish list of bug fixing?

Thank you for pointing out the 100vh on the mobile, that fixed it when I removed it.

Hi Hella and Stagger Thanks for pointing the Nextgen CSS, I did remove the body { height:100%;} code, but I still had the problem. I do realize it is the Nextgen code that is causing the conflict. But to manually have to make changes to code, will be a problem cause it will be lost with updates. I have tried just Wordpress normal gallery and that works find so for this website I will use that. The sad part is Nextgen is a very popular gallery in Wordpress. Could this maybe added to a wish list of bug fixing? Thank you for pointing out the 100vh on the mobile, that fixed it when I removed it.

1818 Posts

Stagger Lee posted this 21 February 2016

Themler can override many plugins and their CSS by targeting more precise container and classes. And it is not by using !important declaration, but by using real standards. I know it by now well.
Problem is Themler doesnt target body on page by page basis. It is a mistery for me why would any plugin touch body class. Fullscreen background plugins do it.

Body inside a frame is normal, but like this no.

Themler can override many plugins and their CSS by targeting more precise container and classes. And it is not by using !important declaration, but by using real standards. I know it by now well. Problem is Themler doesnt target body on page by page basis. It is a mistery for me why would any plugin touch body class. Fullscreen background plugins do it. Body inside a frame is normal, but like this no.

Support Team posted this 21 February 2016

Hi,

Actually it's indeed strange that the plug-in is using the styles for the <body> tag. I'm not sure that we'll be fixing this issue.

Sincerely,
Hella

Hi, Actually it's indeed strange that the plug-in is using the styles for the `<body>` tag. I'm not sure that we'll be fixing this issue. Sincerely, Hella

6 Posts

ancimer.anze posted this 24 May 2018

Hi,

It works on my page. Thank you!

I tried in incognito window and it works.

Anže

Hi, It works on my page. Thank you! I tried in incognito window and it works. Anže

Support Team posted this 25 May 2018

Hi,

Nice to hear that the solution was helpful for you. Feel free to contact us in any other occasion.

Sincerely,
Hella

Hi, Nice to hear that the solution was helpful for you. Feel free to contact us in any other occasion. Sincerely, Hella

You must log in or register to leave comments