2015　0108
シリウステンプレートカスタマイズテーマ　ｈ３見出しのフォント位置ずらし

デフォルト3カラム対応

シリウスのデフォルトスタイルのｈ３見出しをカスタマイズ

背景の変更手順はこちらのサイトでご確認ください
シリウスh３タグ背景を素敵にカスタマイズ

上記サイトで解説されている次のカスタマイズとします

デフォルトです

デザインは変更したものの　フォントの左にスペースがありますね

このスペース感覚でよい方はそれはそれで....

空きスペースをすこし詰めてみるとバランスもよくなり　文字も少し増やせます

スペースを詰めてみました　例

カスタマイズはスタイルシートで行います

以下のＣＳＳで赤コードの数値を小さくすると左へ位置が移動します
当サイトは5にしてます

フォントカラーとかサイズもメニュー追記してますので参考にしてください

/* 各種見出し */

h1 {
font-weight: normal;
font-size: 12px;
color: transparent;
line-height: 16px;
background-repeat: no-repeat;
position: absolute;
top: 5px;
padding-right: 10px;
padding-left: 10px;
font-family: sans-serif;
}

#main h2,#main h3,.blog .title {
font-size: 18px;　　/フォントサイズ
line-height: 20px;　　
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 5px;
margin-top: 5px;
color: #FFF; 　/フォントカラー指定
padding-left: 34px;見出し位置指定
overflow: hidden;
padding-top: 7px;
padding-bottom: 7px;
background-color: #333;
background-image: url(./img/h3.jpg);
}

スポンサーリンク

ｈ３見出しのフォント位置のずらしカスタマイズ
シリウスでホットなクールテンプレートカスタマイズ
シリウスカスタマイズトップ