Mobile First Celine

Staff Page - Can we change the aspect ratio of the images to be even more portrait

Assigned to
Marcus Borger, Developer at Diocesan Marcus B.
Notes
Talking with Robert, they wanted it more portrait, so my solution that I put in the tweaks is below. I had to do importants because Tweaks was being overwritten, but having this in the theme would be better (obviously)

@media only screen and (min-width: 1200px) {
.grid-container .staff-single:first-child .teaser-img {
aspect-ratio: 370 / 305 !important;
}
}
@media only screen and (min-width: 768px) {
.teaser-box .teaser-img {
aspect-ratio: 370 / 425 !important;
}
}

Comments & Events

Marcus Borger, Developer at Diocesan
I added the tab 'Staff Page' under Template Settings, where you can set the aspect ratios for the staff images for every breakpoint, and the first child can be set individually if wanted. Let me know if you got any questions
Marcus Borger, Developer at Diocesan
Marcus Borger completed this to-do.