Archived topic
different size of featured image on mobile/ipad/PC
3 replies · Started by Anil on August 28, 2019
Viewing posts 1–4 of 4
Hi
I set featured image on archive pages 90px x 90px.
I want 3 different size of featured image on archive pages:
mobile = 90x90
ipad = 150x150
PC = 300x300
Please advise how it can be achieved, I believe this is not in customizer.....
Hi there,
Try using the customizer option to set the PC dimension of 300x300, then use this CSS to change for tablet and mobile:
@media (max-width: 768px) {
.post-image img {
width: 90px;
height: 90px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.post-image img {
width: 150px;
height: 150px;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Thanks Leo, Bye.
No problem :)
This archived topic is closed to new replies.
