I opened jquery.fancybox.css and changed .fancybox-skin so that padding:0px.

I could not find all the selectors you list in your first instruction grouped together anywhere but where ever I did find one of them I made sure that any padding was "0px;". Then I included your exact change within style tags at the top of the page.

I tried putting your CSS inline around the link to the vimeo player link, and then the div around it, and then the div around that.

None of these steps even remotely achieved the effect I'm looking for.

Perhaps if you can explain where your suggested changes should be made - that might help me.

that i cant say, all i can see is what is in the page the first line is the video container and its 30px larger than the actual video.

the video div itself has a 15px padding creating a 15px border

using firebug i was able to change these values and remove the border, you will need to look through your code and locate where these lines are or where they are generated and make the changes. the values ar not in the css they are in the code itself

You basically handed over the styling on the page to fancybox. If you want to get rid of its bloated scripted presentation you will either need to got through the fancybox script files to find the spot where it is overriding, or toss it out and do your own presentation.

When you use third party code it is great until you want to do something the author either did not anticipate or does not have the skills to put in the hooks. So when you commit to a plugin you need to make sure it allows access to ALL the code easily, or you learn to do things yourself so you don't have to overcome limitations imposed by someone else.

Fancybox is like a lot of other third party junk. It assumes that you are using a plugin because you are not capable of the complexity of DOM manipulation. Based on that assumption hacks and junk code that ignores best practice can be used because you don't need to do maintenance to change the author's "perfect design".

The worst of it is that after you find the script fragment and make a change, you will now have a new problem. You will no longer be able to rely on an update of the plugin. An update will either knock out your change; or you will be forever stuck with the version you have.

You've described the world I live in. In order to build something for the web on a budget (time & money) I rely on 3rd party code. Once I do finish something I never upgrade any JS - for exactly the reason you state.

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!

In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.
Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS
Create a new class by typing ".Ribbon": Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …