I’ve put a video on the homepage https://itestosterone.com/ at the bottom but I am unable to make the video smaller using the following code
<iframe src=”https://www.youtube.com/embed/YbK8MybrdQM?rel=0&controls=0&showinfo=0″ width=”560″ height=”315″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></center>
The video still expands to the full with of the column. Is there a way to shrink down the video size without shrinking the whole column?
Hello thetroglodyte,
Please notice that’s the original iframe which is generated by the YouTube. So, if you want to change the size of it, you should edit the width and height value from the iframe but it’s not recommended because you should break the video, sorry! Unfortunately, the theme does not have any such an option that allows you to edit this video, sorry!
Thanks for your understanding!
Thanks Catalin, that makes sense but is already what I am doing I believe. I changed the iframe to be the size I want and in the preview mode it works great. It adjust however I want it. But as soon as I make it live, the live page forces a giant full size video that takes up the entire column width of the homepage.
Hi,
It seems that is the case, the iframe will be 100% of the available space. You could force the iframe dimensions like this
– https://www.screencast.com/t/mo07HTYi7fe
Enter this code in Theme panel->Custom CSS
.wpb_text_column iframe {
width:560px;
height:315px!important;
}
This code will affect all iframes in text columns however, it could be made more precise by setting a custom class to the column text element
– https://www.screencast.com/t/40BqBdMMK
– https://www.screencast.com/t/gm7ACbWUBD0
Thanks
