Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3126076
Image galleries displaying thumbnails
Closed

Comments

  • vanessa_ball started the conversation

    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?

  •   PenciDesign replied privately
  •   vanessa_ball replied privately
  •  2,488
    PenciDesign replied

    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 replied

    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/


  •  2,488
    PenciDesign replied

    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.



  •  2,488
    PenciDesign replied

    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.


  • vanessa_ball replied

    Gutenberg is installed

  • vanessa_ball replied

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

  •  2,488
    PenciDesign replied

    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

    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?

  •  2,488
    PenciDesign replied

    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

    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?

  •  2,488
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.


  • vanessa_ball replied

    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
  • vanessa_ball replied

    Additional to the spacer issue-please see screenshot and link for an example: 

    https://www.wandersmiles.com/cheap-places-to-stay-in-leon-nicaragua

  •  2,488
    PenciDesign replied

    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

    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?


  •  2,488
    PenciDesign replied

    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

    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/

    Attached files:  IMG_8976.jpg
      IMG_8977.jpg

  •  2,488
    PenciDesign replied

    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.