Skip to content
Public Ticket #22260

Image galleries displaying thumbnails

Conversation thread

PenciDesign Supporter replied

3 years ago
Staff Reply

Hi,

Please go to Appearance → Customize → Additional CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
  a.item-gallery-justified.jg-entry {
    width: 100% !important;
    height: 100% !important;
    display: block;
    position: initial; !important;
  }
  .penci-post-gallery-container {
    height: auto !important;
  }
}

Regards,
PenciDesign.

PenciDesign Supporter replied

3 years ago
Staff Reply

Hi,

1. I've fixed the spacing issue on the mobile,

2. Please send me a post you've inserted the gallery with the Classic Editor, I'll check and then send you detailed instructions.

Regards,
PenciDesign.


vanessa_ball replied

4 years ago
Customer Reply

GALLERY ISSUE:

  • When I install Classic, the TOC stops working which was  fixed in the previous ticket so this is not an option > https://pencidesign.ticksy.com/ticket/3110667/
  • I have turned off the "Disable Gallery Feature from This Theme",
  • I am now replacing WordPress gallery blocks with our Soledad gallery which I was hoping I would not need to do. But it is the only solution it seems. I have checked with and without Gutenberg and it does not bring display thumbnails on the front end.

SPACER ISSUE

  • I added the Custom CSS but the Spacers still do not show on mobile. I have tried with and without Gutenberg and cleared the cache.
  • Can you use the temporary login I sent in Private Message to look at this issue so we can resolve?

PenciDesign Supporter replied

4 years ago
Staff Reply

Hi,

1. About the mobile spacing issue, please go to Appearance → Customize → Custom CSS then find and remove the following custom CSS code:

@media only screen and (max-width: 767px) {
    .wp-block-spacer {
        display: none;
    }
}

2. Please follow the workflow:

  • Activated the Classic Editor plugin
  • Turned off the "Disable Gallery Feature from This Theme",
  • Deactivate/delete the Gutenberg plugins,
  • Edit your post/page with the Classic Editor then modify the Gallery settings.

Regards,
PenciDesign.


vanessa_ball replied

4 years ago
Customer Reply

So in answer to my original question, there is no quick fix to this change.  I need to spend a day changing all my blogs and would like to ensure the settings are now correct.

  • I have deactivated the Classic Editor plugin
  • I have turned off the "Disable Gallery Feature from This Theme",
  • Do I need to keep Gutenberg installed?
  • I was asked to add Custom CSS code. Do I need this?
    @media only screen and (max-width: 767px) {     .wp-block-spacer {         display: none;     } }

NEW ISSUE:

  • The Spacer is not working on mobile

PenciDesign Supporter replied

4 years ago
Staff Reply

Hi,

Yes. You need to modify all the default WordPress gallery blocks with our Soledad gallery settings.

Regards,
PenciDesign.


vanessa_ball replied

4 years ago
Customer Reply

When I do this, the TOC stops working which was  fixed in the previous ticket > https://pencidesign.ticksy.com/ticket/3110667/

It looks like I will need to go through my blogs and replace them with Gallery blocks as they give a similar effect to the Masonry and Justify in Classic. Right?

PenciDesign Supporter replied

4 years ago
Staff Reply

Hi,

If you want to use the 'Justify' and 'Masonry' gallery layout, you need to:

- Install the Classic Editor plugin here: https://wordpress.org/plugins/classic-editor/

- Go to Appearance → Customize → Single Posts → General: turn off the "Disable Gallery Feature from This Theme",

- Edit your post with the Classic editor then insert the gallery image.

Regards,
PenciDesign.


vanessa_ball replied

4 years ago
Customer Reply

That's because this is not using the gallery! These images are using the columns with images. Look further up in this article to find sets of images using the galleries. 

I gave you a temporary login privately so you can investigate, check which images are using the galleries, and clear the cache to test your investigation.

The issue is not fixed. 

Have the options for  'Justify' and 'Masonry' disappeared?

PenciDesign Supporter replied

4 years ago
Staff Reply

Hi,

I've checked your site but have not found any issue relevant to the gallery image, here is a screenshot:

HaEHSYh.png

Please clear all the site cache/browser cache then check again.

Regards,
PenciDesign.


vanessa_ball replied

4 years ago
Customer Reply

I can't see any difference with these issues since installing Gutenberg

vanessa_ball replied

4 years ago
Customer Reply

Gutenberg is installed

PenciDesign Supporter replied

4 years ago
Staff Reply

Hi,

1. Please send me some post URLs that contain the gallery issue,

2. Go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
    .wp-block-spacer {
        display: none;
    }
}

Regards,
PenciDesign.



vanessa_ball replied

4 years ago
Customer Reply

This is the same setting 'None' with the Galleries which I used to avoid as I disliked the fact it puts a border with a faint line around the edge (see screenshot). The settings 'Justify' and 'Masonry' did not get this but I had the issue with thumbnails appearing.

Also, noticed when I check some blogs on mobile there are huge blank spaces but look fine on desktop. Is this related? https://www.wandersmiles.com/seal-and-bird-watching-on-the-farne-islands/

PenciDesign Supporter replied

4 years ago
Staff Reply

Hi,

I've fixed this issue by going to Appearance → Customize → Single Posts → General: turn on the "Disable Gallery Feature from This Theme".

Please check.

Regards,
PenciDesign.


vanessa_ball started the conversation

4 years ago
Conversation Start

I keep getting issues with Galleries showing my images as tiny thumbnails. I have checked and it seems the options have disappeared in galleries and default to Thumbnail Grid. 

I am changing to columns and inserting images but this will be a lot of work to go through all my blogs and the margins are huge which I don't like. Is there an easier option?

Want to join this conversation or access attachments? Sign in first.

Login to Reply