Picture Crop
-
Hello everyone,
I’m sorry to bug you again. I hope someone can help me.
Is there any chance to upload different proportions of the featured image to a blog post? Because in theory the responsiveness is wonderful, but I can hardly find an image which matches every proportion it got cropped.
Peoples heads get cut off in the mobile version since the pictures is horizontal instead of vertical.
I hope someone knows a solution. Thank you in advance.
Have a wonderful day,
abeer
-
You could try uploading an alternate image to your media library, and then using some CSS to assign it as the background used on smaller screens.
You’d need to do it for each each post, so it might get tedious if you’re doing it on a lot of different pages, but if it’s just for a few it could do the trick.
Here’s an example:
.postid-236 .entry-media-thumb { background: url(http://yourimagehere/filename.jpg) !important; }You’d obviously need to grab the URL for your image and drop it in there, as well as grab the correct post ID (check the URL in your address bar when editing a post to get it’s ID).
Another option, if the issue is always that heads are getting cut off, would be to try this bit of CSS:
.entry-media-thumb { background-position: 50% top; }That will align the image to the top, rather than centering it vertically. You’ll (theoretically) lose more feet than heads this way 😉
I’m sorry it always takes my forever to answer. I did try both answers.
@shireling: As you said by yourself it is a lot of work to do it your way – but it worked. Thank you so much again for helping me out!! That is really nice of you 🙂
@zoonini: It took a little time to figure out how to use the plugin the way I wanted it to work but now it works :)) I’m really glad. Thank you so much.
Have an amazing Thursday evening.
All the best,
abeer
The topic ‘Picture Crop’ is closed to new replies.
