WordPress Themes, Plugins and HTML Templates › Forums › Wisteria WordPress Theme › New to Wisteria Questions › Reply To: New to Wisteria Questions
January 2, 2019 at 1:02 am
#6055
Deron Sizemore
Participant
In regards to the Instagram feed, I was able to get it working with some CSS and media queries. I’m not sure if it’s the best approach, but it seems to work in newer browsers at least:
.wisteria-instagram-wrapper img {
object-fit: cover;
}
@media (min-width: 1279px) {
.wisteria-instagram-wrapper img {
height: 100px;
}
}
@media (min-width: 1200px) and (max-width: 1279px) {
.wisteria-instagram-wrapper img {
height: 87px;
}
}
@media (min-width: 991px) and (max-width: 1199px) {
.wisteria-instagram-wrapper img {
height: 68px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wisteria-instagram-wrapper img {
height: 189px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.wisteria-instagram-wrapper img {
height: 144px;
}
}
@media (max-width: 576px) {
.wisteria-instagram-wrapper img {
height: 150px;
}
}
@media (max-width: 500px) {
.wisteria-instagram-wrapper img {
height: 100px;
}
}