WordPressテーマ「AN (tcd014)」

AN(tcd014)の記事本文で使うリストマークをカスタマイズする

AN(tcd014)で使われているリストマークをカスタマイズする

AN(tcd014)の記事内で使われるリストマークは、左サイドバーで使われるものと同じ、グレーの点の画像です。

このリストマークを変更する方法を紹介します。

カスタマイズをする場合の注意
必ずバックアップを取って自己責任でお願いします。もし何らかのトラブル等がおこっても、私は一切の責任を負えませんのでご了承ください。

変更する箇所は、style.css の /* list */ の部分です。

.post ul li に指定されている background の画像をお好きな画像に変更してください。

変更前

/* list */
.post li, .post dt, .post dd { margin:0; line-height:200%; }
.post ul li { background:url(img/common/bullet1.gif) no-repeat left 11px; padding:0 0 0 9px; }
.post ul ul, .post ol ol  { margin:0 0 0 1em; }

変更前のリストマーク

  • 変更前のリストマーク
  • bullet1.gifという画像
  • とってもシンプル

変更後のリストマーク

  • 変更後のリストマーク
  • 自分でアップロードした画像
  • お花のような星みたいなやつにしてみた

画像のサイズや文字サイズに合わせて、位置を調整してくださいね。

関連記事

コメント

  • トラックバックは利用できません。
  • コメント (0)
  1. この記事へのコメントはありません。

サイト内検索

おすすめ記事

Tweet

ページ上部へ戻る