Archived topic
Full width image in taxonomy page on mobile
7 replies · Started by Mathieu on April 28, 2020
Hi Tom,
I am wondering is there a setting or a css code that I could easily apply to make the images on home page / taxonomy page full width (100%). I think It would look much cooler.

Regards :)
Hi there,
you can disable padding around images in Customizer > Layout > Blog --> Featured Images:
https://docs.generatepress.com/article/adjusting-the-featured-images/
It was already checked, maybe it remove some padding around the images but it doesn't make the image take the full canvas as the padding probably comes from higher up.
Regards,
Can you disable the cache plugin as something is interfering with the CSS
I disabled the cache on the test version : http://nouveauchef.quebecblogue.com/
But anyway now that I look at it, the padding setting is not for archives/taxonomy/home page but for the article page... which I have fixed with the help of Tom earlier.
Hi there,
Give this a shot:
@media (max-width: 768px) {
.generate-columns-activated.post-image-aligned-left .generate-columns-container article:not(.featured-column) .post-image {
margin-left: -30px;
margin-right: -30px;
}
}
Yess! It works. Merci :)
You're welcome :)