stinger8カスタマイズ wordpressカスタマイズ 日記・雑記

stinger8/サイドバーのリストの間隔をあけてみる

投稿日:2017年8月22日 更新日:

シンプルなテンプレートstinger8のカスタマイズです。
サイドバーにあるタイトルの装飾ができたので次はリストの間隔をあけてみます。

「ad」というクラスがついたdiv内にある
liに対しての指定なので

.ad liにpadding:10px;を指定してみます。

・・・が変わりません。

これはstinger8のスタイルシートで
「#side .st-aside ul li」にpadding:0;が指定されているので
リストの間隔やその他指定は以下のように子テーマのスタイルシートに記載します。

こんな感じに間が空いて見やすくなりました。

カテゴリに子カテゴリを追加するとちょっと間隔が変わってくるので子カテゴリのリストに対しても以下の指定を追加します。

さらにアイコンなどを入れたりしても雰囲気が変わります。

指定はこんな感じ↓

- stinger8カスタマイズ, wordpressカスタマイズ, 日記・雑記
-, , ,

関連記事

特定の固定ページのみ異なるヘッダーにする

まずはwordpressで特定の固定ページのみ異なるヘッダーにする方法です。 参考にしたサイト 1. 異なるヘッダーを使用するページ用のpage-new.phpを作成します。(ファイルネームは任意です …

ダンボール制作お店屋さん/作り方その2

前回は貼り付けしていないのでお店がかたむいてしまいました・・・ ダンボール制作お店屋さん/作り方その1 そのままでは使えないので続きを作ります。 棚はダンボールで作るとめんどくさそうだったので 100 …

投稿ページにアイキャッチ画像を追加

新規投稿した際に設定したアイキャッチ画像を 投稿ページにも表示するようにsingle.phpに以下を記載。

htmlタグを挿入する方法 …

困った!wordpressのログイン画面にアクセスできなくなった!

ある日、記事を書こうとして wordpressのログイン画面にいくとアクセスできなくなっていた! エラーメッセージ 「You don’t have permission to access …

【プラグイン】contact form7のカスタマイズ

contact form7には特別なメールタグがあり、使用できる 特別なメールタグ Contact form 7 のフォームに自動的に記事タイトルを入れる方法 http://www.doya-doya …