css code to lay Instagram widget horizontally

barbellebeautyy · Member · May 15, 2019 at 3:28 am
Copy link

Add topic to favorites
I have been searching how to make my Instagram widget display my photos horizontally vs vertically. Please help! Does anyone have a CSS code?

The blog I need help with is: (visible only to logged in users)

themegrill · Theme Author · May 15, 2019 at 7:40 am

Hi there,

Please try the following CSS code.

.footer-widgets-wrapper .tg-one-third {
 width: 100%;
}

.footer-widgets-wrapper .wpcom-instagram-images {
 display: flex;
}

.footer-widgets-wrapper .wpcom-instagram-images a {
 width: 20%;
}

@media (max-width: 600px){
.footer-widgets-wrapper .wpcom-instagram-images {
 display: grid;
}
.footer-widgets-wrapper .wpcom-instagram-images a {
 width: 100%;
}
}

Hope this helps.

Thanks.
Sanjip S.

barbellebeautyy · Member · May 19, 2019 at 3:18 pm
Copy link
You are amazing, thank you Sanjip!
themegrill · Theme Author · May 20, 2019 at 4:16 am
Copy link
You are welcome. :)

The topic ‘css code to lay Instagram widget horizontally’ is closed to new replies.

WordPress.com forums

css code to lay Instagram widget horizontally