Problem with center allign embedded codes

  • minji

    (@minji)


    8 years, 9 months ago

    [ Moved to the Fixing WordPress sub-forum. ]

    Hello,

    I just have problems with embedding my imgur gallery.

    I was pasting this code for example:
    <blockquote class="imgur-embed-pub" lang="en" data-id="a/YQu50"><a href="//imgur.com/YQu50">Smol dump</a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>

    How to center allign this imgur gallery? Its placed every time on the left side.
    I know tweets have just the same problem, but there was a solution in the internet. I was trying everything like <center> etc., but nothing works.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Jacob Peattie

    (@jakept)

    8 years, 9 months ago

    You should be able to achieve this with CSS. Go to Appearance > Customize > Additional CSS, and add the following:

    .imgur-embed-iframe-pub {
    margin-left: auto !important;
    margin-right: auto !important;
}

    This will center all imgur embeds.

    • This reply was modified 8 years, 9 months ago by Jacob Peattie.
    Thread Starter minji

    (@minji)

    8 years, 9 months ago

    Hi,

    thank you, but this CSS COde dont works. I mean, nothing changed 🙁

    I found a alternative solution for this problem.

    Its:
    <div style=”text-align: center;”>
    and
    </div>

    This works!

    codismo

    (@codismo)

    8 years, 9 months ago

    This should work:

    .imgur-embed-iframe-pub,
.imgur-embed-pub { 
    text-align: center;
}
    • This reply was modified 8 years, 9 months ago by codismo.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Problem with center allign embedded codes’ is closed to new replies.