Instagram Feed not Centered using The Grid

Hello,

i need help. I am using The Grid Plugin to show my Instagram Feed on my Website. I have managed to get the access token and it’s all set up. However, when I look at the grid on my website it’s not centered but rather sitting on the left. I also used the Preview function to see how it looks. It appears that apart from the large screen version all the other grids are centered. I have gone through all the settings twice but couldn’t figure out what’s wrong. I’d appreciate any advice on how to fix this.

TIA
Kind regards,

Pat

1 Like

Hello,

Thank you for writing in!

Please, could you provide your website link with this align problem?

Sure, it’s www.patricklemmer.com

Hey Pat,

Your website is under maintenance/construction mode so, I won’t be able to visit grid page. Please provide login details(Using Secure Note).

Regards

Note: I recently changed background colour of the body to black so the gap is currently not visible but still existing.

Hey @joziguy,

To center the instagram section I have added following CSS in instagram feed’s style section.

text-align: -webkit-center !important;
text-align: -moz-center !important; 

Regards

Great, it worked! Is there a way to also center the text above the images?

Hi there,

Please kindly add the code below to X > launch > Options > CSS:

.home .x-recent-posts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.