Hi,
I have added the element Homepage Post to my frontpage, it scales the featured image to max screenwidth on desktop,
however, it does not scale properly when using a tablet or mobile device, so some text on the featured image isn’t visible.
I could not find the class where to add some custom css to scale this (background) image. Please advice.
Kind regards,
naimed
Not possible?
Hi,
Please provide a link were I can inspect the problem, in this way I can give you the proper answer.
Thank you for your understanding.
Hi,
Thank you for responding, have a look here : https://www.china-blockchain.io/
The first article uses a the featured image as a background image, but it does not scale with mobile devices.
Hi,
If this ( https://www.screencast.com/t/vesHQGfI ) is what you want, than copy the below css and paste it in Newspaper> Theme panel> Custom code > Custom css
@media (max-width: 1256px) {
.backstretch img{
width: 100%;
}
}
@media (max-width: 1140px) {
.backstretch img{
width: 100%;
height: 80%;
}
}
You can edit the code if you like, is just an example with what you need to do.
Hope this will help you.
Thanks.
Hi,
Thank you! This will work for me. 🙂
Cheers!
