Okay
  Public Ticket #3168005
Post featured image size differs
Closed

Comments

  •  1
    ahsadministrator started the conversation
    November 15, 2022 at 8:29pm

    Hi there,

    I cannot figure out why 2 images with exactly the same original size are being presented differently within the masonry blog. 

    Both images have a 600x400px size. But one is resized so it fits proportionally into the blog and the other one "hangs over" ;-) Please see attachment. 

    What have I missed here? :-/

    Thanks in advance!

    Regards, Alice

    Attached files:  Bildschirm­foto 2022-11-15 um 21.19.25.png
      Bildschirm­foto 2022-11-15 um 21.26.00.png

  •  1,632
    Judith replied
    November 16, 2022 at 5:52am

    Hi There,

    Thanks for choosing Salient.

    Please send in your website URL so that we can check this out.

    Thanks.

  •   ahsadministrator replied privately
  •  1,632
    Judith replied
    November 17, 2022 at 9:05am

    Hi There,

    Please try this css:

    .row .col img:not([srcset]) {
        width: 23vw;
    }

    Thanks.

  •  1
    ahsadministrator replied
    November 17, 2022 at 8:59pm

    Hi Judith,

    thanks for this. But unfortunately this doesn't solve the problem (see attachment pls). Why do those two similar images they behave so differently? 

    Even when I change the width to e.g. 29vw, there are breakpoints where the image has an empty space on the right. Also, the image isn't centered like the others – I could live with that though ;-)

    Any other suggestions?

    Thanks, Alice

    Attached files:  Bildschirm­foto 2022-11-17 um 21.54.36.png

  •  1,632
    Judith replied
    November 18, 2022 at 7:02am

    Hi There,

    Please send in your admin login credentials so that we can check this out further.

    Thanks.

  •   ahsadministrator replied privately
  •  8,394
    Tahir replied
    November 21, 2022 at 11:07am

    Hey Again, Hope you had a Positive Weekend, 

    Try regenerating the images using this plugin and check: https://wordpress.org/plugins/regenerate-thumbnails-advanced/ . 

    Thanks

    ThemeNectar Support Team 

  •  1
    ahsadministrator replied
    November 21, 2022 at 7:20pm

    Hi Tahir,

    thanks for the suggestion. I've installed the plugin but am a little overwhelmed by the options. Could you pls tell me whether I need to add some checkboxes to the default settings as seen in the attachment or do I simply run the regenerate button?

    Thanks, Alice

    Attached files:  Bildschirm­foto 2022-11-21 um 20.18.59.png

  •  8,394
    Tahir replied
    November 22, 2022 at 6:00am

    Try regenerating all of them and check.

    Thanks 

    ThemeNectar Support Team 

  •   ahsadministrator replied privately
  •  8,394
    Tahir replied
    November 22, 2022 at 12:04pm

    Hey Again,

    Please setup a test page and let us know which images are not working as intended. Also i noticed you had the "Dont Redo existing images" feature checked which would not alter the images: 

    3499334818.pngClick on Image to View Larger

    Thanks 

    ThemeNectar Support Team 

  •   ahsadministrator replied privately
  •  8,394
    Tahir replied
    November 24, 2022 at 8:24am

    Hey Again,

    This seems like a CSS glitch.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .post .content-inner .post-featured-img img {
    max-width: 100% !important;
}

    Thanks

    ThemeNectar Support Team 

  •  1
    ahsadministrator replied
    November 24, 2022 at 5:18pm

    Yep, that solved the problem :-) The odd image fits perfectly now. 

    Thank you ever so much! You may close the ticket now if you want – just one last thing if you have time for it: would you care to explain to me what does that mean "a CSS glitch"?

    Thanks!
    Alice

  •  8,394
    Tahir replied
    November 25, 2022 at 3:05am

    By CSS Glitch I meant its a bug and will be fixed in the upcoming updatessmile.png . 

    Best 

    ThemeNectar Support Team 

  •  1
    ahsadministrator replied
    December 2, 2022 at 12:26pm

    Thanks for the information ;-) and of course for your help!

    Regards, Alice