How can I change the padding for the ratio?

Hello Sue,

Thanks for the compliments! You shouldn’t need to fudge with the files or padding to accomplish what you need. Along with the CSS rule you have for the iframe’s border, add this other rule to the iframe too:

box-sizing: border-box;

Let us know how it turns out.
-EmbedPlus Team

Thanks, but that looks the same with black lines along the left and right edges of the video.

This is the custom CSS I added

.__youtube_prefs__ { 
    padding: 7px ; 
    background-color: #2a2a2a !important;
} 

Hello Sue,

Any reason why you’re using that to make a border? What happens if you just use this instead:

.__youtube_prefs__ {
    border: 7px solid #2a2a2a !important;
    box-sizing: border-box;
}

Other than that, we’d need to look at an example link on your site to see what’s going on further.

Cheers,
-EmbedPlus Team

I’m just reusing code to maintain a consistent design and so that the entire area has a background.

When I tried adding the box-sizing I also replaced the padding with the border, but as mentioned it just looks the same.

I know via firebug that I get the result I want if I change the padding and it works perfectly with other embedded vids that have borders.

If you could please tell me where I can change that padding that would be awesome.

Cheers :o)

Hello Sue,

1. The padding you speak of is calculated dynamically via Javascript (not CSS) for each individual video, so there is not a simple place in the code where you can change padding.
2. The solution for this must be responsive for your site, which adds another level of complexity.
3. Regardless, any personal modifications you make to the plugin would all be erased every time you update the plugin.

These are the reasons why we definitely need a link to an example on your site (with our border/box-sizing solution) so that we can inspect any other particular variables associated with your page and help solve your problem in the best way.

We know a border might seem like a simple addition, but every site is unique, so trying to solve this is quite a challenge without seeing the site.

Thanks,
-EmbedPlus Team

Thats OK. I know that updates replace any altered code and I know how to document any changes I make. I’m not scared of changing the javascript either. I’m not a complete novice. This is just a relatively minor cosmetic change that would not be an issue after an update, but the design and branding are important and I need it to look perfect like my other responsive videos. I’ll go searching through the JS files. Maybe I’ll get lucky.

Cheers :o)

Hello,

Ok, good luck. Let us know if you change your mind and want to share the link. Most of the time there’s an elegant, responsive, pure CSS solution for requests like this upon seeing the site. If it’s an issue of privacy, you can always send the link using the contact info found at the end of the “Support tips for all users” section in the plugin’s settings page.

Cheers,
EmbedPlus Team