Support » Plugin: WP Video Lightbox » Some CSS help needed with borders

  • Hi,
    With a little help from a friend I’ve managed to create a one pixel yellow border. However, there is still a white bar on the right that I can’t get rid of.
    This is the shortcode:
    [video_lightbox_vimeo5 video_id=”404700853″ width=”800″ height=”480″ anchor=”How”]

    and this is the custom css:
    div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:0px; }
    div.pp_default .pp_content_container .pp_left { padding-left:0px; }
    div.pp_default .pp_content_container .pp_right{ padding-right:0px; }
    div.pp_default .pp_content_container { border: 1px solid #ffe800; }

    The white bar is also there when i display the lightbox in 640 x 480 px.

    Thanks for this great and useful plugin!
    Rob

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support mbrsolution

    (@mbrsolution)

    Hi, I checked your site and I can’t find any video with a white bar on the right hand side. Can you share the URL with the video that displays a white bar on the right hand side?

    Thank you

    Thread Starter bapakrob

    (@bapakrob)

    Sorry the links are in the main menu (When and What) on https://dev.telescopicmast.com

    Here’s a screenshot: https://www.dropbox.com/s/v2w48koahpjplhy/2020-05-15_09-06-41.png?dl=0

    Plugin Support mbrsolution

    (@mbrsolution)

    Hi,

    That white line appears because you added a width:800px to the following class. Adjusting this value will remove the white line.

    .pp_content{
    height: 516px;
    width: 800px;
    }

    Let me know if the above helps you.

    Thank you

    Thread Starter bapakrob

    (@bapakrob)

    Hi, i was hopeful that it worked. But it didn’t.
    Best that you check this page: https://dev.telescopicmast.com/msb6-premium-3/

    The links to ANIMATION and VIDEO show the popup. The shortcode I’m using there is:
    [video_lightbox_vimeo5 video_id=”390717769″ width=”800″ height=”480″ anchor=”Animation”]

    And then I added the custom css below in my child theme.

    /* background color popup video */
    div.pp_content {
    background-color: #000000 !important;
    }

    /* popup video yellow border of 1 px */
    div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:0px; }
    div.pp_default .pp_content_container .pp_left { padding-left:0px; }
    div.pp_default .pp_content_container .pp_right{ padding-right:0px; }
    div.pp_default .pp_content_container { border: 1px solid #ffe800;
    }

    I added your code, but it has no effect at all. The white bar on the right is still visible.
    Mind to check it again?

    Thanks!!!
    Rob

    Plugin Support mbrsolution

    (@mbrsolution)

    Hi, did you amend the code I shared above? For example: Did you remove the width totally? Or change it to a percentage instead?

    Let me know if that works for you.

    Thank you

    Thread Starter bapakrob

    (@bapakrob)

    I removed width and height and pasted your code in. But I am confused about where to put that code and what to leave out.
    Check my video: http://somup.com/cYhFQrjxDr

    I’m happy to give you an admin account if that’s easier for you. I am really eager to use your plugin, because it’s just awesome!

    Plugin Support mbrsolution

    (@mbrsolution)

    Hi, you should be able to add the code in the following location Appearance -> Customize -> Additional CSS.

    Let me know how you go.

    Thank you

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Some CSS help needed with borders’ is closed to new replies.