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?
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.
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?
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?
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;
}
}
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?
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?
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.
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/
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.
CSS has been added as requested.
Some URLs with thumbnails gallery issue (when more than 1 image in a row)
Some URLs with big white spaces on mobile
Hi,
Almost the issue is relevant to the new WordPress block editor, so please install the Gutenberg plugin here: https://wordpress.org/plugins/gutenberg/.
Regards,
PenciDesign.
Gutenberg is installed
I can't see any difference with these issues since installing Gutenberg
Hi,
I've checked your site but have not found any issue relevant to the gallery image, here is a screenshot:
Please clear all the site cache/browser cache then check again.
Regards,
PenciDesign.
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?
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.
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?
Hi,
Yes. You need to modify all the default WordPress gallery blocks with our Soledad gallery settings.
Regards,
PenciDesign.
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.
@media only screen and (max-width: 767px) { .wp-block-spacer { display: none; } }
NEW ISSUE:
Additional to the spacer issue-please see screenshot and link for an example:
https://www.wandersmiles.com/cheap-places-to-stay-in-leon-nicaragua
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:
Regards,
PenciDesign.
GALLERY ISSUE:
SPACER ISSUE
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.
The extra space and thumbnail images still occur on mobile from this blog that was created in classic - https://www.wandersmiles.com/24-hours-on-holy-island-lindisfarne/
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.