Update Request: video embeds in DIV container

  • Author
    Posts
  • #105433

    workforcevideos
    Member
    Original poster

    On this page – https://workforcevideos.com/2016/12/01/sample-videos/

    The video embeds are too spaced apart, and I think it is the way the DIV tags are interacting with the theme or something?

    On this page (Demand theme)https://winwinvideos.wordpress.com/portfolio/automotive/

    The DIV code is exactly the same but the embeds are displaying in a much more visually attractive way. I have tested this on Monet’s Posts, Pages and Portfolio Projects.

    IS IT POSSIBLE TO MAKE THIS HAPPEN ON THE MONET THEME? EITHER DIFFERENT CODE, THEME UPDATE, OR JUST IMPOSSIBLE?

    Here is the code I was given that works on Demand but struggles on Monet:

    <div class=”left-col”>
    <div class=”right-col”>
    @media screen and (min-width: 900px) {
    .left-col, .right-col {
    width: 40%;
    padding: 0 10px 0 0;
    }
    .left-col {
    float: left;
    }
    .right-col {
    float: right;
    }
    }

    Here is an example of how I have it on the page:

    Meet with Roseburg Honda too see how their level of service has impacted their small community.
    <!–more–>
    <div class=”left-col”>[vimeo 189175606 w=640 h=360]
    [vimeo 188850914 w=640 h=360]</div>
    <div class=”right-col”>[vimeo 188850911 w=640 h=360]
    [vimeo 188850912 w=640 h=360]</div>

    The blog I need help with is: (visible only to logged in users)

    #105577

    binarymoon
    Theme Author

    Hi – I checked out the Demand demo and the code you are using there is different to what you posted in this thread.

    What you’re trying to do is quite custom so it will need some css tweaks. It’s not related to the theme itself.

    I would recommend replacing your current code with the following:

    @media screen and (min-width: 900px) {
    .left-col, .right-col {
    width: 50%;
    padding: 0 10px;
    }
    .left-col {
    float: left;
    }
    .right-col {
    float: right;
    }
    }
    #105578

    workforcevideos
    Member
    Original poster

    whoops apologies I must’ve screwed up the Copy/Paste

    Yes that snippet seems to be working on Monet, thank you!! Not a huge change but definitely what I was looking for. Thank you thank you!

    #105588

    binarymoon
    Theme Author

    No problem – easily done! :)

    Glad it’s working now.

    #105714

    workforcevideos
    Member
    Original poster

    Hey Binary, I’m making the move to WP.org but don’t see a download link in the Theme info page, how would I go about downloading Monet?

    #105715

    binarymoon
    Theme Author

    Hi there – themes purchased on wordpress.com are not available to download for wordpress.org. This is mentioned on the premium themes page: https://en.support.wordpress.com/premium-themes/

    If you have purchased your theme on wordpress.com in the last 30 days on WordPress.com then you can find out how to get a refund here: http://en.support.wordpress.com/my-upgrades/refunds/

    To use Monet on a self hosted site you will need to purchase it from here: https://prothemedesign.com/theme/monet/

    If you want to go ahead with the purchase then contact me and mention this forum thread and I’ll send you a coupon to save a few dollars – https://prothemedesign.com/contact/

    #105719

    workforcevideos
    Member
    Original poster

    I contacted you! We are going with Bluehost cause GoDaddy is stupid $$$

The topic ‘Update Request: video embeds in DIV container’ is closed to new replies.