Bug image resolution overlay
-
Hello,
We are having an issue on our website and we don't know how to fix it.
Site : http://nwb-studio.com/We would like to upload images with a better resolution for overlay pictures on the homepage. It works fine with standard desktop screen but it seems low res on retina devices.
Do you have any advice for us :) ?
Best,
Ben
-
-
Hi Marius,
Thx for your quick feedback :)
Please find below the code :
a.cahiercentral:hover:after {
content: url(http://nwb-studio.com/wp-content/uploads/2019/04/Logo-3D-Rotation.gif);
display: block;
}I can't find the way to enclose the images inside a block with defined dimensions, so I created every image with the same height to make it look like I did. Thus I can't get images two times bigger like I'd normally do for retina screens, because they won't be resized by any block and would be way too big.
Thx !
-
Dear @Ben
do you know this?
https://www.w3schools.com/css/css3_object-fit.asp
Best!Marius
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login