Centering Tweet from Shortcode

Hey all–I’m using the tweet shortcode ({{< tweet 828016292628144128 >}}) was just wondering if there was an easy way to center the tweet in my surrounding container.

1 Like

This is really more of a CSS question unrelated to Hugo. That said, as long as you are just talking about centering it (ie, equal margins left and right), I think the following will work for you:

.twitter-tweet-rendered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

HTH

3 Likes

The reason I was asking here was because I wasn’t sure if there was a particular class associated with the shortcode that I could target, although now I realize I could have just looked in the elements inspector. :sweat_smile: thank you!

1 Like

Hi there, where do I put this CSS code?
Thanks in advance.

put ist under static/css, it is copied to /ccs

This topic was automatically closed after 9 hours. New replies are no longer allowed.