Video Sizing (and a couple of other questions!)

Hey George,

Thanks for using Tracks!

For the video, you actually don’t need a plugin for that. If you paste the URL into the post editor, WordPress will auto-embed the video for you.

There is a script in Tracks that makes the videos responsive which is causing it to fill the width of the container. The following CSS could be used to limit the size:

@media all and (min-width: 800px) {

  .fluid-width-video-wrapper {
    padding-top: 0 !important;
    margin: 0 auto;
    width: 600px;
    height: 400px;
  }
}

You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

I’ve made the videos 600px by 400px, but you can adjust that to whatever aspect ratio you’d like.

2) Featured images – whats the optimum size? I’ve just put placeholders in for now but will be getting some hi-res photos and want them looking good.

The featured images have an aspect ratio of 2:1 at all screen sizes.

3) Sidebars – I couldn’t find any in the premium upgrades, is it possible to add a right sidebar? i.e. on home page I’d like the twitter feed over to the right alongside main text.

There is not currently a way to add a right sidebar. For adding a sidebar within the page content, I would recommend trying the Advanced WP Columns plugin.

4) Tagline display (minor bugbear!) – I’ve selected display in header and footer, when you do so in the customiser it shows up but as soon as you save and return its not there?

I can’t recreate this issue, so this might be a caching issue on your site. In other words, the old HTML is being served instead of the new HTML including the tagline. If you have any caching plugins or if your host has caching options, try emptying the cache.

Hi,first of all i wanna say that i love your theme! I’m trying to put the css script to control the video dimension inside my site but only the height change an the width remains responsive and fit all the page. How can i fix? Thanks!

I’ll share a screenshot to explain better because my english is not so good.. https://it.tinypic.com/r/67i169/8

Ben – awesome thanks! Great support again!

Eok – I had the same issue with you but if you add the !important declaration it kicks in the width as well as the height.

@media all and (min-width: 800px) {

  .fluid-width-video-wrapper {
    padding-top: 0 !important;
    margin: 0 auto;
    width: 600px !important;
    height: 400px;
  }

Works for me anyway !

I’ll be having a play around with the Advanced WP Columns plugin today. cheers!

Great, nice work figuring that out!

@eok could you let me know if adding the “!important” tag works for you?

@ben now works! Thank you all

You’re welcome ??