FancyBox Padding (상단 및 하단)

Question

내 갤러리 갤러리에 멋진 상자를 추가했으며, 기본적으로 각 이미지의 왼쪽과 오른쪽에는 공백이 있지만 위쪽과 아래에는 공백이 없습니다. CSS를 사용하여 패딩을 추가하려고했지만 아무 것도 변경되지 않았습니다. 이 나는이 나는 또한 jquery.fancybox.css에 패딩을 변경하려 한 HTML

<div id="fancy" class="container "> 
     <div class="page-title"> 
      <h1>Church <span>Visit</span></h1> 
     </div> 

      <a rel="gallery" title="Takoosh Hovsepian speaking at Skyline Church with Jim Garlow & Dr. James Dobson" class="fancybox" href="images/gallery/church_visit/770 x 510_pic2.jpg"><img src="images/gallery/church_visit/thumbs/220x132_pic2.jpg" alt=""/></a> 
      <a rel="gallery" title="Leading worship at Calvary Church Pennsylvania " class="fancybox" href="images/gallery/church_visit/770 x 510_pic3.jpg"><img src="images/gallery/church_visit/thumbs/220x132_pic3.jpg" alt=""/></a> 
      <a rel="gallery" title="Joseph Hovsepian speaking at Downey, CA Christian school" class="fancybox" href="images/gallery/church_visit/770 x 510_pic4.jpg"><img src="images/gallery/church_visit/thumbs/220x132_pic4.jpg" alt=""/></a> 
      <a rel="gallery" title="Andre Hovsepian speaking at youth conference" class="fancybox" href="images/gallery/church_visit/770 x 510_pic6.jpg"><img src="images/gallery/church_visit/thumbs/220x132_pic6.jpg" alt=""/></a> 
      <a rel="gallery" title="Takoosh Hovsepian speaking at Open Doors women conference in Netherlands" class="fancybox" href="images/gallery/church_visit/770 x 510_pic5.jpg"><img src="images/gallery/church_visit/thumbs/220x132_pic5.jpg" alt=""/></a> 

    </div> 

이며, 아직 아무것도 변경되지

#fancy{ 
    padding-top: 25px; 
    padding-bottom: 25px; 
} 

을 한 것입니다. 나는 잘못된 장소에 패딩을 추가 할 것인지 확신 할 수 없거나 문제가 다른 것입니다.

Here is my gallery

Answer 1

이 시도 :

#fancy{ 
    margin-top: 25px; 
    margin-bottom: 25px; 
}