Center alignment for video player?

  • Resolved kindav

    (@kindav)


    4 years, 1 month ago

    Hi! Thank you for sharing your work with us I’ve just started using this to display video podcast episodes I’m hosting on my website, and it looks great, but it has the video player left-aligned. The page it’s on is center-aligned and it doesn’t look good to have this be the only left-aligned item on the page.

    I’ve tried finding a way to center-align the video player (or perhaps to decrease the size of the podcast section?) but I haven’t found anything.

    I’ve tried putting <div style=”text-align: center;”></div>’s around the shortcode, but it didn’t work.

    • This topic was modified 4 years, 1 month ago by kindav.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Veda

    (@vedathemes)

    Hi there,

    Thanks for trying Podcast player.

    Can you share URL of the page where you are displaying the podcast player? I will check and provide proper solution.

    Thanks,

    Thread Starter kindav

    (@kindav)

    Thank you! It’s https://www.fairplainpc.com/youtube-live-stream-test/. The player is at the bottom. (It is also much wider than all the other elements on the page, including the live video player).

    • This reply was modified 4 years, 1 month ago by kindav.
    Plugin Author Veda

    (@vedathemes)

    Hi there,

    Thanks for providing the link.

    There are two solutions for your problem,

    A. If you just want to center align the video, use following solution,
    1. Go to WordPress Dashboard > Appearance > Customize
    2. Look for “Additional CSS” tab on the left sidebar.
    3. Copy and paste following CSS in the left text field,

    .pp-podcast .wp-video {
	margin: 0 auto !important;
}

    4. Save the changes (Click Update OR publish button on top of the left sidebar)

    B. If you want the video to capture full width of the page
    1. Go to WordPress Dashboard > Appearance > Customize
    2. Look for “Additional CSS” tab on the left sidebar.
    3. Copy and paste following CSS in the left text field,

    .pp-podcast .wp-video {
	width: 1200px !important;
}

    4. Save the changes (Click Update OR publish button on top of the left sidebar)

    Please inform if you need more help on this OR if any other help is required.

    Thanks,

    Thread Starter kindav

    (@kindav)

    That’s fantastic! Thank you! It worked.

    • This reply was modified 4 years, 1 month ago by kindav.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Center alignment for video player?’ is closed to new replies.