[Resolved] WordPress Embed Link Not Centered on Page

[Taylor]

For our blog site, I am trying to have different pages for different topics, and I am trying to decide the best way to use those pages. I would like to use blog posts for the articles/posts and link those posts to the correct pages. I am trying to do this by using the WordPress embed link when I edit a page.

The problem is the WordPress embed link looks centered when I’m editing, but on the live site everything is justified to the left. When I left justify in editing, the live site starts making columns. I just want the WordPress embed links to be center down the page.

The page I have been testing this on is the High Lifter Mud Nats page.

GP Premium 1.7.8

[Tom]

Hey Taylor,

This CSS should fix it:

.wp-block-embed-wordpress {
    text-align: center;
}

The fact that it’s centered in the editor probably means Gutenberg centers it, but only if you include their optional CSS:

add_action( 'after_setup_theme', function() {
    add_theme_support( 'wp-block-styles' );
} );

Adding PHP: https://docs.generatepress.com/article/adding-php/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Taylor]

Where do I put the CSS code that should fix it? Also, do I only need the top (first) code you provided or the bottom (second) code too?

[Tom]

CSS can be added like this: https://docs.generatepress.com/article/adding-css/

You only need to use one of the methods. Not sure if #2 will work, but #1 will.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Taylor]

Thank you. Where do I put the #1 CSS code you provided?

[Tom]

It can be added using one of these methods: https://docs.generatepress.com/article/adding-css/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Taylor]

Your solution fixed it! Thank you SO much!!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts