Web Pub Pro

Professional Web Publishing & Promotion

How to Center TikTok Embeds in WordPress Posts

by

Dan
in

If you have a hard time trying to center the TikTok embeds you added to your WordPress posts via the WordPress built-in embedding feature, try this piece of CSS code.

.wp-block-embed__wrapper  {display:flex!important; justify-content:center; align-items:center}

My tests show it’s also possible to center YouTube and Twitter embeds this way besides the TikTok embeds, while the WordPress embed feature and the CSS code above don’t work for Facebook, Instagram, and Pinterest posts.

I tested the CSS code on the Gutenberg-based Twenty Twenty-Four theme.

If you want me to implement this customization on your WordPress theme, feel free to contact me.

Avatar photo

Dan

Hi, I’m Dan. I’m a web publishing professional doing website development and support. I have more than 10 years of experience in the web publishing field, including website development, search engine optimization, content creation, and website marketing. Whether you need help with your existing website or need a new one, I’m here for you. Feel free to contact me today. I look forward to working with you.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *