Return to previous page

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

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

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

#67708 Copied

13 Answers

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.

#67763 Copied

groubee

Participant

June 3, 2015 at 14:46

Hi Eva,

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

thank you very much!!!

#67839 Copied

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.

#67867 Copied

groubee

Participant

June 3, 2015 at 19:14

wow thanks a lot!! it works fine!!

super support!!

#67924 Copied

Eva Kemp

Support staff

June 3, 2015 at 20:16

Hello,

You’re welcome.

Regards,
Eva Kemp.

#67941 Copied

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

#67970 Copied
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.
#68024 Copied
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

#68051 Copied
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.
#68057 Copied
groubee

Participant

June 4, 2015 at 11:29

Hi

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

#68061 Copied
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.
#68062 Copied
groubee

Participant

June 4, 2015 at 11:40

Thanks Eva – work like a charm 🙂

#68063 Copied

Eva Kemp

Support staff

June 4, 2015 at 13:25

Hello,

You’re welcome.

Regards,
Eva Kemp.

#68087 Copied
Tagged: button, create, popup video, revolution slider, woocommerce, wordpress
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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection