[kobyco2Participant]

Hello,

I would like to know if there is a way I can use the section of the “Video Overview” from Renew4 to embed a youtube movie?

http://theme.co/x/demo/renew/4/

meaning, usign this styling, but when someone clicks the play button – the movie will start?

Thank you
Koby

[RupokMember]

Hi Koby,

Thanks for writing in! You can just create that style and place the video using lightbox. That is if someone click on the button then the video will be opened on lightbox.

You will find lot of threads to achieve video in lightbox like this – https://community.theme.co/forums/topic/open-a-video-in-a-lightbox-popup/

Hope this helps.

Cheers!

[kobyco2Participant]

Thank you very much for your fast reply!
I have read and did some tests but I still can’t achieve that.
The problem is I need to have something like a background image, a text and an icon and let the icon be the triger for the lightbox, something like that:

[content_band class=”text-white center-text” no_margin=”true” inner_container=”true” padding_top=”15%” padding_bottom=”15%” bg_color=”#ffffff” bg_image=”http://ad-it.online/wp-content/uploads/2016/02/image_image-2.jpg”]
[column type=”whole” last=”true”]
[custom_headline class=”tt-upper man” level=”h2″ looks_like=”h2″]
Video Overview
[icon type=”play-circle” class=”btn-lightbox22″ link=”true” href=”https://www.youtube.com/embed/21u11ive2kM” lightbox_video=”true”]
[/custom_headline]
[/column]
[/content_band]
[responsive_text selector=”.resp-h” compression=”1.5″ min_size=”36px” max_size=”72px”]
[lightbox selector=”.btn-lightbox22″]

is it possible?

[FriechModerator]

Hi There,

You can update your code to this:

[cs_section bg_image="http://theme.co/x/demo/renew/4/wp-content/uploads/sites/5/2013/06/renew-4-bg-2.jpg" bg_color="#163a4a" parallax="false" class="cs-ta-center" style="margin: 0px;padding: 15% 0px;"][cs_row inner_container="true" marginless_columns="false" style="margin: 0px auto;padding: 0px;"][cs_column fade="false" fade_animation="in" fade_animation_offset="45px" fade_duration="750" type="1/1" style="padding: 0px;"][x_custom_headline level="h2" looks_like="h2" accent="false" class="man"]<a style="color: #fff" href="https://www.youtube.com/embed/8fTIxv_i54c?autoplay=1" class="lbx">
  Title<br>
  [x_icon style="font-size: 3.5em;" type="play-circle"]
</a>[/x_custom_headline][x_raw_content][lightbox selector=".lbx" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"][/x_raw_content][/cs_column][/cs_row][/cs_section]

Or if you’re on Cornerstone, you can upload this template as a block.

Hope it helps, Cheers!

[kobyco2Participant]

This is great!!!
thank you for your help!

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts