Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 21, 2017 at 9:24 pm #855063
    B-LILT

    We’re using the latest Enfold theme. In the portfolio grid the featured images are all the same size (288×288). But the thumbnail images in the top row are being compressed on all of the pages using a portfolio grid. I’ve reviewed a bunch of forums but none of the offered quick CSS codes seem to have any effect.

    We would also like to add padding around the thumbnails, but so far all of the quickcodes i’ve found ONLY affect the columns, not the rows.

    September 23, 2017 at 12:12 pm #855778
    Victoria

    Hey B-LILT,

    Well, you put the grid inside the 3/5 container and so there’s less room for the images to be 288px, and so they shrink to fit to the container and get to be 231px. You could try to put your portfolio grind inside a 1/1 container and see if that makes a difference.

    Best regards,
    Victoria

    September 25, 2017 at 6:06 pm #856643
    B-LILT

    Nope. A 1/1 container does not work. Now they’re just extra large and squished.

    September 26, 2017 at 10:26 am #856852
    Victoria

    Hi,

    A plugin conflict may be one of the reasons for this issue.
    To find which plugin is causing the conflict please follow these steps:

    1. Go to your plugins page > Deactivate all active Plugins
    2. Update WordPress and Enfold to the latest version if you have not.
    3. Make sure all the plugins are updated.
    4. If the problem does not persist when plugins are turned off, activate one plugin at a time and refresh until you find the plugin in conflict.

    We await the results of your plugin compatibility test.

    Thanks for your cooperation :)

    Best regards,
    Victoria

    September 26, 2017 at 10:28 pm #857161
    B-LILT

    I am on the most recent WP & Enfold. I updated all plug-ins. I deactivated all 4 plug-ins, cleared browser data and refreshed. Problem still persists. :(

    September 28, 2017 at 12:11 am #857746
    B-LILT

    Update: i changed the leadership page to have a “square 180×180” thumbnail size and it suddenly began to have square thumbnails and respond to the quick CSS on padding. (See below for exactly which code). However, the other page with the exact same set up has not changed and still displays same problem of “squished” top rows. Really at a loss as to what is causing the change or the problem.

    Pad code:
    .grid-entry.flex_column {
    padding: 30px;
    }

    September 28, 2017 at 5:03 am #857821
    Ismael

    Hi,

    Thank you for the update.

    Could you please provide a screenshot of the issue? The grid looks consistent on my end but the images are blurry. Please use larger images or set the “Portfolio Grid Image Size” to manual then select the “Medium” size which is 300x300px by default.

    Best regards,
    Ismael

    September 28, 2017 at 7:00 pm #858188
    B-LILT

    Yes, the images are blurry; once the scaling is resolved I can swap them out for images with an appropriate dpi. The site is still in development so i’m not worried about content right this second.

    The settings on the two grids are exactly the same, except that projects is displaying 9 and leadership displays 6. And I have no idea why leadership suddenly started behaving, which means that I have no idea if it will suddenly break again.

    September 28, 2017 at 7:04 pm #858189
    B-LILT

    Setting the thumbnail to “medium 300×300” actually shows the problem more clearly.
    screencap of projects set to medium 300x300

    September 29, 2017 at 10:59 am #858411
    Ismael

    Hi,

    What is the original size of the images? Are you uploading images with different sizes? Please note that images with different sizes will produce thumbnails with different size and aspect ratio unless the “cropping” parameter of the thumbnail is enabled.

    Please install the following plugin then go to the Settings > Media panel. Adjust the size of the “Square” thumbnail, enable cropping, save, update then regenerate the thumbnails. And if possible, upload images with the same sizes.

    // https://wordpress.org/plugins/simple-image-sizes/

    After that, re-select the “Square” thumbnail.

    Best regards,
    Ismael

    September 29, 2017 at 7:42 pm #858590
    B-LILT

    The images were the same size, but just to be on the safe side I re-exported the featured images as squares. Then I added the recommended plug-in. I set the square thumbnail to the exact size of my images and left the “yes to cropping” option on. Then i regenerated the featured images and updated each of the portfolio items. Then I went to the portfolio page and changed the “selected image size” to be “square”. Results are unchanged – bottom row displays correctly as a square, top rows are compressed, and no pad displays between rows (only columns).

    September 30, 2017 at 7:48 am #858686
    Ismael

    Hi,

    The portfolio grid items are not resizing properly because of the following css modifications.

    .grid-content {
    margin-top: -50%;
}
.grid-entry:hover .grid-content {
    opacity: .7;
}
.grid-content {
    opacity: 0;
}
.grid-content, .grid-content * {
    background: opacity: 1!important;
    color: #CC6723!important;
}
h4.grid-entry-title {
    font-size: 18px;
}

.grid-entry.flex_column {
padding: 30px;
}

    Best regards,
    Ismael

    September 30, 2017 at 8:04 am #858690
    Ismael

    Hi,

    UPDATE: We modified the code in the Quick CSS field. Please remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    October 2, 2017 at 6:28 pm #859321
    B-LILT

    Thanks! That did the trick! I appreciate it!

    October 2, 2017 at 10:51 pm #859421
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Thumbnails are not all same size in Portfolio Grid’ is closed to new replies.