Okay
  Public Ticket #3168005
Post featured image size differs
Closed

Comments

  •  1
    ahsadministrator started the conversation

    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,124
    Judith replied

    Hi There,

    Thanks for choosing Salient.

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

    Thanks.

  •   ahsadministrator replied privately
  •  1,124
    Judith replied

    Hi There,

    Please try this css:

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

    Thanks.

  •  1
    ahsadministrator replied

    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,124
    Judith replied

    Hi There,

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

    Thanks.

  •   ahsadministrator replied privately
  •  7,274
    Tahir replied

    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

    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

  •  7,274
    Tahir replied

    Try regenerating all of them and check.

    Thanks 


    ThemeNectar Support Team 

  •   ahsadministrator replied privately
  •  7,274
    Tahir replied

    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
  •  7,274
    Tahir replied

    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

    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

  •  7,274
    Tahir replied

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

    Best 


    ThemeNectar Support Team 

  •  1
    ahsadministrator replied

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

    Regards, Alice