私は、Wordpress プラグインの 'NextGEN Gallery' と 'JJ NextGen JQuery Carousel' を使用しています。これは、最後に名前を付けたプラグインのデフォルトの外観によく似たカルーセルを作成しようとしているからです。問題は、プラグインが背景画像を持つ div をボタンとして使用し、次の CSS を取得することです。
div#about-jcarousel_container .jcarousel-skin-custom .jcarousel-prev-horizontal {
top: 188px !important;
}
そのため、これは機能しません (上: 0px の部分):
.jcarousel-skin-custom .jcarousel-prev-horizontal {
position: absolute;
top: 0px;
left: 0px;
width: 32px;
height: 32px;
cursor: pointer;
background: rgba(24, 16, 16, 0.43) url(prev-horizontal.png) no-repeat 0 0;
background-position-y: 50%;
height: 100%;
}
厄介なのは、188px がどこにも呼び出されないため、編集して 0px にすることはできませんが、ブラウザのクライアント側です。調べてみたところ、プラグインは 188px のコードをインラインの < style > タグに入れているようです。!important があるため、template.css で !important を使用して上書きすることはできません。
インラインで使用される !important タグを無効にする別の方法はありますか? プラグインを更新可能にしておきたいと思います。