HTML,CSS,PHP,ワードプレスカスタマイズ 技術情報資料

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>

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



スポンサーリンク

スポンサーリンク

カテゴリー