Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1111210
    mgma
    Participant

    Hi guys…

    I’ve been able to just have the “X” in the upper left hand corner… but I can;t seem to color it white, or make it a different (larger but not so think) icon.

    Also… how can I place the x above the right corner of the video, instead of the upper left hand corner of the screen, like the attached?

    Thanks!!

    #1111480
    Lely
    Moderator

    Hi There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your exact URL where we can access the video lightbox. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1111653
    mgma
    Participant

    Thanks… it is

    http://bigidea.pro/cyberedge/

    I’ll probably launch this video at one or two other locations also.

    Also… is there a reason I cannot get a Youtube video to play here? I must just be missing something…

    Thanks!!

    #1111664
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    .ilightbox-toolbar.light a.ilightbox-close:before {
        color: red;
    }

    Please try this code to setup youtube video lightbox :

    [image class="my-class" src="image-1.jpg" link="true" href="//www.youtube.com/embed/kfVsfOSbJY0" lightbox_video="true"]
    [lightbox selector=".my-class"]

    Thanks.

    #1118517
    mgma
    Participant

    Thanks… but the X is still in the upper left corner of the screen… I’d like it to be right above the video, like my screenshot… Can I do this?

    Thanks!

    #1118582
    Rupok
    Member

    Hi there,

    The video positioning will change dynamically on various screen size as it’s responsive. So you can’t place the close button above that keeping it consistent across the various screens.

    Thanks!

  • <script> jQuery(function($){ $("#no-reply-1111210 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>