How can I left justify a YouTube video?

Viewing 4 replies - 1 through 4 (of 4 total)
  • janet4now

    (@janet4now)

    9 years, 7 months ago

    look at your post in the admin via text view (instead of visual) and I think you’ll see where it’s aligning center.

    Thread Starter Z_Everson

    (@z_everson)

    9 years, 7 months ago

    Thanks Janet. Unfortunately I didn’t see anything in text view. The entire code for the post is just

    [youtube=https://www.youtube.com/watch?v=ksawV2s7bfY]

    Pioneer Web Design

    (@swansonphotos)

    9 years, 7 months ago

    The output HTML is:

    <span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/ksawV2s7bfY?version=3&rel=1&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent" frameborder="0"></iframe></span>

    Seems your theme or a plugin is wrapping the iframe (youtube video) in a <span> with inline CSS, but also a class="embed-youtube" (or did you do that?)

    In any event, find which is doing that, and correct that, or try this at the bottom of your Custom CSS setup or Child Theme stylesheet:

    .embed-youtube {text-align:left !important;}

    Thread Starter Z_Everson

    (@z_everson)

    9 years, 7 months ago

    Thanks. I just resized the video to make it take up the entire column and that fixed the issue for me.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How can I left justify a YouTube video?’ is closed to new replies.