Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #22303

    Hi guys,

    Trying to add a vimeo video to the main slider on our website, but running into a problem.

    The video does not properly fit in the slider (which I understand because the ratios are different), but it seems to stick to the left of the slider leaving all the white space to the right.

    I am wondering if we could make it all fit better. So the video in the middle of the slider and making sure there are no black bars on the side or top of the video (happy to change the actual slider sizes for this if necessary!).

    Could you please have a look?


    Sorry to double post.

    Also more than happy to have a featured image with a lightbox that plays the video if the above is too troublesome. I’ve tried the lightbox option, but it doesn’t seem to work. The featured image displays fine, but the lightbox does not appear when the image is clicked.



    Sorry for the triple post.

    Essentially I’ve figured out what is happening, but I now need some help to get it fixed.

    In order to make sure that video appears without black bars on ajax portfolio items (click on TEDx Sydney for an example) . You guys have helped by adding the following code to my custom.css:

    #top.single-portfolio iframe {

    height: 398px !important;

    width: 700px !important;


    #top iframe {

    height: 373px !important;

    width: 700px !important;


    However this code now seems to intervene with the way the lightbox shows video. Could you please help me with a fix that allows the lightbox to display video normally and responsively, while maintaining the fixes we implemented for the video content on normal pages?

    Thanks a million!


    Hi vikashautar,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top #pp_full_res iframe {
    width: 100% !important;
    height: 100% !important;

    Their will be the black bars if the content doesn’t fit exactly but if you want those removed you will need to look into a freelance developer to continue to make the css adjustments. The issue with fixes like these is they continue to require in depth testing/support and its very specific to the implementation so it isn’t re-usable code.



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

The topic ‘Vimeo in Front Page Slider’ is closed to new replies.