Imgur Block Won't Center

  • Unknown's avatar
    squelfland · Member ·

    Hi there. My Imgur video embeds are not centering properly on my blog. Everything else is. Here is a sample of a post with this issue: https://marinaneira.com/2021/05/04/back-in-the-saddle-%f0%9f%90%8e%f0%9f%8c%88/

    I have the block centered, but it remains aligned to the left in practice. This didn’t use to be an issue, and I notice it has happened all across my blog when I check older posts with Imgur embeds.

    The only recent change was the addition of some custom CSS to the additional CSS area to center my Twenty Fourteen theme.

    This is the CSS currently there:

    #page {
	margin-left: auto;
	margin-right: auto;
}

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
	max-width: 1000px;
	margin-left: auto;
}

#page {
	margin: 0 auto;
}

body.custom-background {
	background-repeat: repeat;
}

    While I want to know how to fix the issue at hand, I am also interested in whether there is any code I can add to additional CSS (under my current plan) that will simply stretch all Imgur embeds to fit the width of the post, rather than simply center them.

    Thank you very much for taking the time to look at my inquiry. :)

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

  • Unknown's avatar
    maksimurasov · Member ·

    Hi @marinaneira,

    Your website is really colorful:)

    I could find out how to stretch the embeds, but below works to center them.
    As long as you know how to add custom css, please try this snippet:

    /* Centering video embed element */
.wp-video {
    	margin-left: auto;
	margin-right: auto;
}

    P.S. The first one below is overriding the next one, you can delete the second one:

    #page {
	margin: 0 auto;  /*top and bottom 0px, left and right auto */
}

    #page {
	margin-left: auto;
	margin-right: auto;
}
  • Unknown's avatar
    squelfland · Member ·

    Aren’t you a lifesaver, thank you very kindly! I removed the extra CSS as you suggested as well.

    And, ah, yes. My apologies to your poor eyes. :)

    Very grateful for your help, have a wonderful day!

  • The topic ‘Imgur Block Won't Center’ is closed to new replies.