Question

I see that you can adjust the padding or margin for the content of a fancybox. But for a special case I need to adjust the padding left and right of the content separately.

eg. padding-left: 50px; padding-right: 10px

I tried to edit the css or add a custom css class using the wrapcss property, but the problem is that fancybox seems to calculate its representation ignoring all the css presets.
So if I set margin-left for the .fancybox-image class then the fancybox is not aware that it should be 50 pixel more wide.

do I have to go editing the js or is there another elegant way?

many thanx for your help,
regards,
florian

Answer 1

EDIT****

$(".mydiv").fancybox({
        wrapCSS     : 'fwrap'
    });

css:

.fwrap{
    padding-left:200px;
    margin-right:-100px;
}

This leave 200px of padding on the right of the fancybox and then moves it back to the centre, you would have to also apply border, background,etc to sort out styling as you wish