メニューリストアイテムのlist-style-positionをoutsideにする方法

メニューリストアイテムのlist-style-positionを
outsideにする方法をご紹介します

詳しくは↓をクリックして全部表示させて下さいm(_._)m

私のテンプレートをダウンロードすると
そのままの状態では
メニューリストのアイテムは全て
insideの状態になっています
（list-style-positionのinside、outsideの違いについては
こちらを参照して下さい）

これをoutsideに表示させるためには
以下のように変更願います

まず↓のような部分をCSSファイルの部分から探して下さい
（CSSファイルのほぼ真ん中あたりにあると思います）

/* Secondary-Column
------------------------------------------------------------ */

div#secondary-column h2 {
color: #666666;
}

div#secondary-column li {
color: #999966;
list-style-position: inside;
list-style-type: square;
}

/* Secondary-Column
------------------------------------------------------------ */

div#secondary-column h2 {
color: #666666;
padding-left: 10px;
}

div#secondary-column ul {
margin: 0px 10px;
}

div#secondary-column li {
color: #999966;
/*list-style-position: inside;*/
list-style-type: square;
}

↑のように変更して下さい
オレンジ色の部分が変更・追加する部分です

また緑色の数字の部分を微調整する事で
好きな位置にリストアイテムを動かす事が出来ますので
その調整についてはテンプレートを利用する方の判断にお任せしたいと思います
（私が見たところ10くらいで丁度いいのではないかと思っていますが、使用される方の判断によって動かしてもらえればと思います）

人気blogランキング参加中