0

fancybox2-rails を使用してデフォルトのスタイリングをオーバーライドしたいと考えています。特に、次のようにスライドショーの外にナビゲーションを設定したい:

http://jsfiddle.net/Xh3B2/

残念ながら、これは私が試みている従来の方法では機能しません。たとえば、私のビューで css を手動でオーバーライドするなどです。

$(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 で定義されていることがわかりますが、このファイルにアクセスできません。スタイルを変更するにはどうすればよいですか？

4

1 に答える 1

0

これを修正するために、ファイルを作成しました

fancybox_and_overrides.css.scss

それを私のスタイルシートフォルダーに入れます。

次に、内容を次のように編集しました。

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

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

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

そしてそれはうまくいきました！

于 2013-07-07T18:44:31.117 に答える