Support Offline: Mon - Fri / 08:00am - 05:00pm (GMT +7)
Your Time: Our Time:

file How to get background size cover

More
4 years 3 weeks ago #38472 by HienHC
Hello
Sorry. You can check it again for me.
prnt.sc/rm9258
Thanks.

Please Log in or Create an account to join the conversation.

More
4 years 3 weeks ago #38476 by Roger
Hello,

That image is stretched horizontally, distorting the proportions of the image. Look how the knobs are almost an ellipse, instead of rounded.

Please Log in or Create an account to join the conversation.

More
4 years 3 weeks ago #38477 by HienHC
Hi
Sorry, you must understand the image size with the screen size does not match.
If you want to keep the image unchanged, it will not be in full screen mode
Illustrative image: prnt.sc/rm9p60
hope you understand
Thanks.

Please Log in or Create an account to join the conversation.

More
4 years 3 weeks ago - 4 years 3 weeks ago #38478 by Roger
Hi,

That is usually solved placing the image as the background of a div, and then setting the css background properties to "cover".

You can see an example of how that works in the home of that same web. If you change the screen size you'll see the image changes size to cover the full screen, but never changing the proportions of the image.

That option does not have kern burns however, that's why we bought your module.
Last edit: 4 years 3 weeks ago by Roger. Reason: Adding further explanation

Please Log in or Create an account to join the conversation.

More
4 years 3 weeks ago #38479 by HienHC
Hi
In your opinion, I will fix it like this: prnt.sc/rm9xb1
Thanks.

Please Log in or Create an account to join the conversation.

More
4 years 3 weeks ago #38480 by Roger
Yes, that would be great thanks!

Please Log in or Create an account to join the conversation.

More
4 years 3 weeks ago #38481 by HienHC
Hello
I have edited it for you. Check that you are okay
Thanks.

Please Log in or Create an account to join the conversation.

More
4 years 3 weeks ago #38485 by Roger
Hello,

Thank you! Now the problem is that the image is distorted when seen using a mobile or tablet in landscape mode. The image should not be distorted, no matter how the user accesses the website.

I suspect this can´t be achieved with the current controls of the module, some reprogramming might be needed.

Please Log in or Create an account to join the conversation.

More
4 years 3 weeks ago #38489 by HienHC
Hi
I have fixed it for you, please check it again to see if it is ok
thanks

Please Log in or Create an account to join the conversation.

Moderators: Jackie
Time to create page: 0.042 seconds
Powered by Kunena Forum