eutravelmag

BUUUT I just found that the problem persists on Mobile screens: The first slideshow looks OK but the next ones still have wide gap between image and “process bullets”.

Any suggestions?

// Maj-Britt

Heureka Dan, I found the issue of the problem!!

After disabling “lazy loading” for images in jetpack, all slideshows are now displayed correctly.
Phew! That felt good. Mental health restored: check!

Thanks for all your help and patience

// Maj-Britt, European Travel Magazine

That did the trick. Thank you!

• This reply was modified 2 years, 3 months ago by eutravelmag.

Hi again Dan

Thanks for the suggestion. But, alas, unfortunately to no avail.

I went into “troubleshooting mode” and enabled a default theme and only Jetpack plugin. And just like on the live site; the first (and MAYBE second) slideshow I see is shown correct, but the next have this wide gap in the top or bottom.

Any other suggestions I could try?

Thanks in advance for any help given!

// Maj-Britt

Hi again Dan and many thanks for getting back to me

When you say you haven’t been able to reproduce the issue, do you mean that you can’t see the issue in the articles I’ve linked to? Or that you can’t reproduce them in your own environment?

I have found an article, where I only have one slideshow: https://www.e-travelmag.com/portugal/pinela-potter/

The insane thing is; when you are looking at the slideshow section (that is in the top) when the site loads, it looks fine. If you however scroll down to the bottom of the page, then refresh the webpage and scroll up again to look at the slideshow, it looks exactly as crappy as on the web pages I’ve previously mentioned.

What could cause that kind of behaviour?

I really hope you can help me, I’m at my wit’s end.

In my article – even after I’ve removed all slideshow styling – there is still difference of the height of the slideshows. What I mean is, the first slideshow MAY look alright (sometimes it does, sometimes it doesn’t), but the next one has a huge gap between the title, the photo, the captions and progress icons.

It just doesn’t make any sense why the slideshows look so different! Is it because there are more slideshows in one post?) Even on this one I just tested, the first or second slideshow may look OK, but the next ones look really bad: https://www.e-travelmag.com/croatia/books-media-hr/

And that’s on Desktop AND Mobile I’m experiencing these problems.

Hope you can help – before I go mad!

Kind regards,

Maj-Britt, European Travel Magazine

Hi again

I just wanted to let you know another reason for my edit of the stylesheet, to know if you see the same on your test site:

Having a slideshow of different height photos, do you – on the mobile screen – see a space between the paragraph or heading above the slideshow and the slideshow itself?? Whereas my stylesheet alteration resulted in a space underneath the photos, it seems that without any customisation there’s a space above. It looks wrong on both Safari and Chrome browsers.

I have tried to remove all customisation to my site to see if something may inadvertently affect it, but even without all my css additions, there’s still a space..

Can you confirm the same in your test site?

My sincerest apologies. You are quite right. Just went through my stylesheet and discovered I made an adjustment when I had another slideshow consisting only of portrait images, I wanted to display in full height. When having captions on a portrait image it covers too much of said image. so I added the

.wp-block-jetpack-slideshow_swiper-wrapper {
height: 100%

to my css, not knowing that it would affect the kind of slideshow I mentioned in my first post.

I am very sorry for the inconvenience! I have deleted my css customisation – but can only hope in a future jetpack update that this feature may be included?

Kind regards, Maj-Britt Permien – European Travel Magazine

Thanks for the very expedient info!
Cheers
// Maj-Britt

Hi Robert.

My webserver provider has also just upgraded to php7.2 and my site (www.e-travelmag.com) had the (almost) samme error message as greenhalos:

Deprecated: Function create_function() is deprecated in /customers/8/9/c/e-travelmag.com/httpd.www/wp-content/plugins/leaflet-maps-marker-pro/leaflet-core.php on line 2 Deprecated: Function create_function() is deprecated in /customers/8/9/c/e-travelmag.com/httpd.www/wp-content/plugins/leaflet-maps-marker-pro/leaflet-core.php on line 2 Deprecated: Function create_function() is deprecated in /customers/8/9/c/e-travelmag.com/httpd.www/wp-content/plugins/master-slider/includes/classes/class-msp-main-widget.php on line 95 Deprecated: Function create_function() is deprecated in /customers/8/9/c/e-travelmag.com/httpd.www/wp-content/plugins/php-code-widget/execphp.php on line 62

I have downgraded my php version to 7.0 today in order for the error message not to show on my website, but sooner or later I have to upgrade to php7.2.

I bought the MapsMarker version 3.1 2 years ago and obviously the update options have long since expired. If I buy the present update, will it support PHP 7.2?

Thanks in advance – love your plugin!

// Maj-Britt
European Travel Magazine

So..
After 4 hours of debugging, I found that I could enter the following code in my php widget and get the shortcut to work (for Custom Fields): <?php echo do_shortcode(get_post_meta(get_the_ID(), ‘post_map’, true)); ?>
where “post_map” is the name of my Custom Field.

So no reason to waste any of your time on this. Thanx again ??

// Maj-Britt

Hi again Robert and thank you so much for your help!

I understand what you are telling me, and I would prefer to use shortcodes in order to gain full control.
However, I am using “Custom Fields” on my posts to be able to show information (like a map) unique to that post in the sidebar.
I can’t seem to find any php code that I can add to functions.php in order to enable shortcodes for Custom Fields. I’ve been ‘trial-and-error’ing for the last 3 hours now…

What I’m trying to do is for each post, like “Crash course in Burgundian wine” to show a map in my right sidebar, where the marker I have created “Burgundian wine” is shown.

I CAN get it to work in a text widget: [mapsmarker marker=”7″] after adding the code you recommended in functions.php, but the text widget is general for my whole site, and I need to display a unique marker in every unique post.

I hope I’m explaining properly, what I’m trying to achieve and my problems getting there..

Any suggestions would be enormously greatly appreciated!

// Maj-Britt