Hi, I am loading featured images square, but on single post, they are cropping to a different aspect ratio, losing some of the image. How can I get them to stay square? I’m using Single post with big preview image (featured image) format.
I already have this code in custom css to get the image to align right with padding and not over large
.single .big-preview { float: right; margin-left: 20px; margin-top: 70px; max-width: 300px !important; }
Is there something I can add so that the image stays square?
Hey andrea,
Thank you for using Enfold.
Try to define a specific width and height to the preview container.
.single .big-preview {
width: 300px;
height: 300px;
}
Best regards,
Ismael
Sorry, that hasn’t worked for me. This is what I’ve got in for the single big preview.
.single .big-preview { float: right; margin-left: 20px; margin-top: 70px; !important; }
.single .big-preview {
width: 300px;
height: 300px;
}
Hi,
It looks like the CSS is not applying because of caching, could you clear all caching and leave the plugin you are using deactivated to see if that helps please?
Best regards,
Rikard
Hi, i have disabled the cache. Done a ctrl-F5 several times and also tried alternative browsers. Unfortunately, the featured image is still cropping off and doesn’t look good.
Please can you help?
Hi ac,
Can you try using this plugin: https://wordpress.org/plugins/simple-image-sizes/
Then go to Settings > Media then find this size: entry_with_sidebar then set Cropping to No then update.
At the bottom click the Regenerate thumbnail button and wait for it to finish.
Hope this helps :)
Best regards,
Nikko
Perfect, thanks for that.
Hi ac,
Glad that we could help :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!
Best regards,
Nikko