fancybox2-rails : 스타일 재 지정

Question

fancybox2-rails를 사용하여 기본 스타일을 덮어 쓰고 싶습니다. 내보기에 수동으로 CSS를 무시처럼,

불행하게도 http://jsfiddle.net/Xh3B2/

, 이것은 내가 노력하고있어 어떤 전통적인 방법으로 작동하지 않습니다 : 특히,이 같은 슬라이드 쇼 외부 탐색을 설정할

$(function(){ 
    // override fancybox default styling 
    console.log("overriding styling"); 
    $('.fancybox').css("margin", "20px 60px 20px 60px"); 
    $('.fancybox-prev').css("left", "-60px"); 
    $('.fancybox-next').css("right", "-60px"); 
} 

내 브라우저에서 스타일이 jquery.fancybox.css 파일에 정의되어 있지만이 파일에 액세스 할 수 없음을 알 수 있습니다. 스타일을 어떻게 바꿀 수 있습니까?

Answer 1

는이 문제를 해결하기 위해, 나는 파일

fancybox_and_overrides.css.scss 

을 만들어 내 스타일 폴더에 넣어.

나는 다음과 같이보고 내용을 편집 :

.fancybox-prev{ 
    left:-80px !important; 
} 

.fancybox-next{ 
    right:-80px !important; 
} 

.fancybox-nav{ 
    width: 60px !important; 
} 

하고 일했다!