2012-03-26 3 views
0

Я вижу, что вы можете отрегулировать отступы или поля для содержимого fancybox. Но для специального случая мне нужно отрегулировать прописку слева и справа от содержимого отдельно.fancybox content margin-left

например. padding-left: 50px; padding-right: 10px

Я попытался отредактировать css или добавить собственный CSS-класс с использованием свойства wrapcss, но проблема в том, что fancybox, кажется, вычисляет его представление, игнорируя все пресеты css. Итак, если я установил margin-left для класса .fancybox-image, то fancybox не знает, что он должен быть на 50 пикселей шире.

Нужно ли мне редактировать js или есть другой элегантный способ?

много спасибо за вашу помощь, уважением, Флориан

ответ

0

EDIT * * **

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

CSS:

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

Это оставить 200px отступа на справа от fancybox, а затем переводит его обратно в cen tre, вам также нужно будет применить границу, фон и т. д., чтобы отсортировать стиль по вашему желанию.

+0

Hello webweaver! Спасибо! в основном это работает с классом-оболочкой, но я использую fancybox для показа изображения. изображение должно иметь границу с границей fancybox. Я не хочу переместить весь fancybox. Если я применил css к классу fancybox-image (например, padding-left: 200px;), тогда изображение просто выйдет из лайтбокса ... я буду принимать ответы в будущем :) – spierala

+0

Я обновил свой ответ. сделай то, что ищешь. – WebweaverD

Смежные вопросы