Pro blog layout with embeded video

[salilou]

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:

Hannes Kreuziger

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

[prakash_s]

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

[salilou]

Great - thank you!

[tristup]

Hi Hannes,

Glad that we are able to help you.

Thanks