NextGEN Gallery CSS を個別にカスタマイズする


スポンサーリンク

NextGEN Gallery CSS を個別にカスタマイズする必要性が出てくる。
検索するとすべてのギャラリーに影響するCSSの書き方はすぐに見つかるんだけど、
個別となると、結構深く探さないといけないみたい。

なので、あきらめた。

アフィリエイター的には、さくさくと知ってサクサクっとやりたいわけなので。

NextGEN Galleryのボックスの表示は、こんな感じになっているので、
個別の投稿内に style をぶっこめば好きなようにギャラリーの表示枠をいじることができる。

クラスは以下の通り。


NextGEN Gallery 投稿ページに直接スタイルシートを書き込めばいい。
以下は、サムネイルボックスのボーダーを白消しして、画像そのものにグレーの枠を付ける例
<style>
.ngg-gallery-thumbnail{
border:1px #fff solid !important;
}
.ngg-gallery-thumbnail img{
border:15px solid #ccc !important;
}
</style>

こんな感じに表示される。




スポンサーリンク

Leave a comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です