I can not for the life of me, figure out how I can reposition Fancybox 2 to use left: 47px;
and top: 147px
I read through the source code, and without hacking it, I don't see a way to override the positioning.
Setting autoCenter
to false only stops auto-centering after the first time it does it.
Using jQuery to change the CSS, or giving a custom wrapper to apply the CSS doesn't work either, because Fancybox always adds inline CSS which overwrites all my attempts.
Is there a way to tell Fancybox to stop positioning itself and to use my absolute positioning?
jQuery(document). ready(function($) { $('button'). on('click', function() { $. fancybox(); }); });
You can override inline CSS styles using the !important
modifier.
For the Fancybox use case the following will override the JavaScript positioning:
.fancybox-wrap {
top: 147px !important;
left: 47px !important;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With