Gallery shortcode image pixelated

webabordo · May 2015

Hello

I trying to add a gallery to my website.

First: I download the demo Be Hotel to check how the short-code gallery works because I do not find any documentation about this.

Second: I just downloaded the demo Be Hotel with its attachment and thumbs images in the gallery appears pixelated. What shall I do ?

This is the URL with the example: http://www.sunofthesea.com/?page_id=2397

Thanks in advance

Antonio

Albert · May 2015

Hi,

all information about pixelated images you can read on http://forum.muffingroup.com/betheme/discussion/938/problem-with-image-size-in-shop-slider-media-images-settings-sizes but to get more information about gallery please take a look at https://codex.wordpress.org/The_WordPress_Gallery

Thanks!

webabordo · June 2015

Thanks I resolved the issue.

But I have another. How can I add the class "flat" to the gallery shortcode?

I would like all the thumbnail together without margin.

For example:

[gallery link="file" columns="3" size="medium" ids="2864,2863,2862,2861,2860,2859,2858" class="flat"]

Class="flat" no work.

Regards

Albert · June 2015

Instead of class="flat" you must use style="flat"

webabordo · June 2015

Understood. Thanks again.

I found another issue.

I use use the same shortcode in different pages (copy/paste) and in one the prettyphoto in the gallery works and in another not. It freaks me out. Maybe you know why.

I have prepared an example:

I have used this shortcode

[gallery link="file" columns="3" size="medium" ids="2864,2863,2862,2861,2860,2859,2858" style="flat"]

IT WORKS (CLICKING ON THE PICTURE APPEAR PRETTYPHOTO SLIDER)

http://www.luciayoga.com/test/

IT DOESNOT WORK (CLICKING ONLY APPEAR THE IMAGE)

http://www.luciayoga.com/yoga-the-white-villages/

Thanks again for the help. I really appreciate it.

Antonio

Albert · June 2015

On the page where prettyphoto does not work you used wrong code:

<a class="prettyphoto" href="">
<img class="scale-with-grid" src="http://www.luciayoga.com/wp-content/uploads/2015/05/ronda-bridge-in-andalucia-video1.jpg">
</a>

Instead of class="prettyphoto" should be rel="prettyphoto" so as you see, these pages are not the same.

webabordo · June 2015

Maybe I explained myself bad.

It is not the video. It is the food image gallery.

Here the image gallery work

http://www.luciayoga.com/test/

Here the image gallery (at the top) does not work

http://www.luciayoga.com/yoga-the-white-villages/

And I copy/paste the shortcode in a column in the same way.

[gallery link="file" columns="3" size="medium" ids="2864,2863,2862,2861,2860,2859,2858" style="flat"]

Sorry for the inconveniences

Thanks again

webabordo · June 2015

click on any image of both gallery of every page, to see the differences

Thanks

Albert · June 2015

Yes, we know what you are talking about very well. But the code we pasted above is the reason of why gallery does not work on that page. Remove this code and you see that everything will be fine.

webabordo · June 2015

Ups sorry. Now it works. Great. Thanks

Albert · June 2015

No problem

webabordo · June 2015

Hello there.

I come again with the galleries. I just updated to the new version of Be theme and the galleries do not works

This is the gallery code [gallery columns="6" size="medium" ids="2985,2984,2983,2982,2981,2980,2979,2978,2977,2976,2975,2974"]

of this page

http://www.luciayoga.com/hiking-and-yoga-retreat-in-spain/

Can you help me?

Thanks again. And sorry for the inconveniences

Albert · June 2015

http://forum.muffingroup.com/betheme/discussion/5993/prettyphoto#latest

Gallery shortcode image pixelated

Comments