Centering video causes play button problem

  • Resolved zerogravitygraphics

    (@zerogravitygraphics)


    4 years, 6 months ago

    LOVE this plugin.
    I have a video gallery I want centered. In Settings, when I choose Video Alignment: Centered, the video gallery centers on the page beautifully, however the play button alignment gets messed up. The triangle is not centered in the circle, it goes out of the circle to the right.
    Please advise how to center that triangle in the circle.
    Thank you, Kyle.

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

  • i want to donate as soon as the centering problem is solved this plugin has solve a mobile compatibility issues for my website

    Plugin Author Kyle Gilman

    (@kylegilman)

    This will be fixed in the next release (which you should not hold your breath for) but in the meantime if you can edit the plugin file /video-js/kg-video-js-skin.css and find the entry for .kg-video-js-skin .vjs-big-play-button add the line text-align: left;

    Thread Starter zerogravitygraphics

    (@zerogravitygraphics)

    Before getting your response this morning I added this to the Additional CSS in WPBakery Page Builder (aka Visual Composer) changing the Position from absolute to relative and it worked:

    .kg-video-js-skin .vjs-big-play-button::before {
    position: relative; 
}

    I tested the CSS change you suggested above and it worked as well. I’m not a CSS expert … is either solution acceptable?

    Thanks a million, Kyle. Your plugin is a huge game changer, time saver.

    Plugin Author Kyle Gilman

    (@kylegilman)

    Sure, whatever works. CSS is a nightmare and you can accomplish things lots of different ways.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Centering video causes play button problem’ is closed to new replies.