Удалить тень от Fancybox 2?

Question

Есть ли способ удалить тень на Fancybox 2? Есть ли решение CSS? Я потратил целую вечность, пробуя различные решения с помощью CSS и пытаясь взломать JS, но ничего не помогло. Пожалуйста помоги. Вот как я называю Fancybox.

<script type="text/javascript">
        $(document).ready(function() {
    $(".fancybox").fancybox({
        afterLoad: function(){
   this.title = $(this.element).next('.newTitle').html();
  },
        padding: 0, 
        openEffect: 'fade',
        closeEffect: 'fade',

        prevEffect: 'fade',
        nextEffect: 'fade',
        closeBtn   : false,
        arrows : false,
        helpers: {
            title   : { type : 'outside' },
            buttons: {},
            overlay: {
                css: {
                    'background': 'rgba(255, 255, 255, 1.5)'
                }
            }
        }

    });
});
    </script>

Answer 1

Измените следующее в fancybox css

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

в

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

или вы удалите его из fancybox css. И, конечно, вы можете добавить второй фрагмент к другим файлам CSS.

Answer 2

РЕДАКТИРОВАТЬ: JFK указал, что мои заметки были на неправильной версии фантазии коробки. Для fancybox2 дропшоу включена

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

переопределите это, чтобы установить box-shadow: нет