Vimeo align video left

  • daynag

    (@daynag)


    7 years ago

    Hello. The embedded Vimeo videos automatically align center on this page. Is there a way to override it so that they align left? The youTube videos seem to handle this better by having an automatic 100% width.

    I am using the standard copy and paste Vimeo and youTube links. Is there shortcode or some way to have the video align left, or take a 100% width size like the youTube videos. It seems so simple but I’ve tried a few options and none seem to work. What am I missing?

    Thanks for your help!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hmm. The <iframe> tag pair is surrounded by a DIV: <div class="embed-vimeo" style="text-align: center;">

    Is that DIV coming from the copy-and-paste of Vimeo? If yes, then you might try to override it in appearance/customizer/additional css:

    .embed-vimeo {

    text-align: left !important;
}
    Thread Starter daynag

    (@daynag)

    Thanks. Yes, the div class .embed-vimeo is automatically generated when you copy and paste the Vimeo link into the WP page. I’ve tried your suggestion and it will not override the center. I have even tried inspecting the element in Firefox and taking off the center there to test it, but that yields no change. I am not sure where the center is being applied in order to target it with CSS.

    It may just be some weird quirk with Vimeo that I have to live with.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Vimeo align video left’ is closed to new replies.

Tags