How to make a popup video from a button in a Revolution Slider?

This topic has 14 replies, 2 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp

  • Avatar: groubee
    groubee
    Participant
    June 2, 2015 at 22:13

    Hi

    Inside the WooPress theme there is a nice popup video box.. How to make a popup video from a button in a Revolution Slider?

    See: https://www.dropbox.com/s/yj9dmhbquoa94k0/red%20button%20-%20revotion-slider.png?dl=0 I would really like to show a vimeo video in a popup box on top off the slider – would that be possible? 🙂

    Best regards
    Tonny

    13 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    June 3, 2015 at 10:21

    Hello,

    Please provide us with a video link you want to show.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: groubee
    groubee
    Participant
    June 3, 2015 at 14:46

    Hi Eva,

    Here is the video link: https://vimeo.com/129112035

    thank you very much!!!

    Avatar: Eva
    Eva Kemp
    Support staff
    June 3, 2015 at 16:16

    Hello,

    I’ve installed the plugin https://wordpress.org/plugins/easy-lightbox-wp/ and added its shortcode with your video link to the layer in Revolution Slider settings: http://storage3.static.itmages.com/i/15/0603/h_1433344476_2271437_4c18d55b0d.png
    Please check your slider now.

    Regards,
    Eva Kemp.

    Avatar: groubee
    groubee
    Participant
    June 3, 2015 at 19:14

    wow thanks a lot!! it works fine!!

    super support!!

    Avatar: Eva
    Eva Kemp
    Support staff
    June 3, 2015 at 20:16

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    Avatar: groubee
    groubee
    Participant
    June 3, 2015 at 23:29

    Hi Eva,

    I have just shown the video on the frontpage to my customer and it works really nice! but on mobile (iphone 6) the buttons are really small? I dont you how to make them bigger? I have tried but I cant 🙁
    See: https://www.dropbox.com/s/6qu8debxob1er9j/buttons-on-mobile.jpg?dl=0

    Best regards
    Tonny

    Avatar: Eva
    Eva Kemp
    Support staff
    June 4, 2015 at 09:12

    Hello,

    Please add this code in custom.css:

    @media (max-width: 480px) {.tp-button.big {
     font-size: 19px !important;
    }
    .tp-caption.black, .black {
       left: 20px !important;
    }}

    Regards,
    Eva Kemp.

    Avatar: groubee
    groubee
    Participant
    June 4, 2015 at 11:04

    Thanks Eva – it works 🙂

    🙂

    How can I change the color from green or blue to 2 new colors which march the theme?
    ex:
    green to #E8590C
    and
    blue to #FF0000

    I have to be able to change it my self?

    Best regards
    Tonny

    Avatar: Eva
    Eva Kemp
    Support staff
    June 4, 2015 at 11:16

    Hello,

    Add this code in custom.css file:

    .tp-button.green {
        background-color: #E8590C !important;
    }
    .tp-button.blue {
        background-color: #FF0000 !important;
    }

    Regards,
    Eva Kemp.

    Avatar: groubee
    groubee
    Participant
    June 4, 2015 at 11:29

    Hi

    What about the color shadow under the button? that is still green and blue?

    Avatar: Eva
    Eva Kemp
    Support staff
    June 4, 2015 at 11:36

    Hello,

    Please use this code as well:

    .tp-button.green {
     box-shadow: 0px 3px 0px 0px #E8590C !important;
    }
    .tp-button.blue {
        box-shadow: 0px 3px 0px 0px #F00 !important;
    }

    Regards,
    Eva Kemp.

    Avatar: groubee
    groubee
    Participant
    June 4, 2015 at 11:40

    Thanks Eva – work like a charm 🙂

    Avatar: Eva
    Eva Kemp
    Support staff
    June 4, 2015 at 13:25

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘How to make a popup video from a button in a Revolution Slider?’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.