Pro blog layout with embeded video

Hi
I have built two Pro blog layouts: archive and single.
I want to display the embedded video code or the featured image, if there is one.
The meta key for the embeded video code is:
{{dc:post:meta key="_x_video_embed"}}
But the video appears in a fixed width, it doesnt react responsively.
It is to small on large screens, and to big on small screens, it runs out of the smartphone display.
Here is the site:


Hope you can help.
The way I want the embedded videos to appear is like in the out of the Box Renew Blog.
Thank you very much!
Hannes

Hello Hannes,

Thanks for writing to us.

In order to increase the video width I would suggest you go to the Text element where you have called the video —> to customize —>Element CSS.

$el.x-text iframe{
  width:100%;

}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

Great - thank you!

Hi Hannes,

Glad that we are able to help you.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.