Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #27136

    Hello, I am noticing that my videos included as portfolio images are being cut off and I can’t seem why it is automatically doing that. Would there be something in the theme that may be causing this issue? You can see what I am referring to on the left hand side of the product pages. I have videos placed below each primary image in my products

    Thank you for your time!


    Hi sbxstrategies,

    Not sure why its happening but Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top.single-portfolio iframe {
    height: 100% !important;




    Thank you. That worked well for those but on further inspection I am noticing that any iframe on the site is effected the exact same way.

    For example there is a map just below the banner image to the right on this page. It is in an iframe and is the same height.

    When I play with the developer tools in chrome the following effects it and makes it show correct. {

    border: 0px none rgb(255, 255, 255);

    width: 1494px;

    height: 64.73978420071933px;


    So I took out the fix you gave me and I see the same thing in the sidebar videos. {

    width: 1494px;

    height: 64.73978420071933px;


    So I deactivated most of my plugins that would have something to do with videos or iframes etc and nothing makes it work. Any other ideas?

    Thank you



    How did you add the map? There is an inline css style. Can you remove that? Please try this:

    iframe {
    width: 100% !important;
    height: 100% !important;




    Map was added with the most basic of iframe html. I started adding things in the attempt to make it actually work.

    One of our developers said the following

    “I did a fresh install on a dev site and encountered the same issue when i copied the embed code from youtube.. the slider that i inserted using the built in theme options displayed fine just the embed code went wrong. keeps inserting an inline style to the iframe tag that changes the height to 61px:

    <iframe width=”560″ height=”315″ frameborder=”0″ allowfullscreen=”” src=”//” style=”width: 1425px; height: 61.7498px;”>

    i can’t figure it what file it does this in.

    as a temp fix i set all iframes to height=100% in the css file for it fixes some but not all iframes. the videos for the tv work but the map is still only displaying half an image.”

    I tried your code and it fixes the videos but not the other iframe.


    I should have checked originally but you are on a very old version of the theme. Update your theme files to the most recent 1.6 version released this week which will not only bring it up to date with WordPress 3.6 but also add in a bunch of bug fixes from the previous versions.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Video issue in portfolio’ is closed to new replies.