お世話になっております。
サイトの幅を縮小したときの、h2 h3 h4　の帯の長さについて
教えてください。
使用しているのは、デフォルトの1カラムです。テンプレートの横幅設定より、
テンプレートの横幅を850　メインカラムの横幅を650に設定しました。
その際のh2 h3 h4　の長さ(帯)に調整について教えてください。
現在、h2 h3 h4　全部長さが違います。また、h2 が1番長いですが、
それでも尻切れで短いです。
キャプチャを取ってありますが送れないので、解りづらい質問かも
しれませんが宜しくお願いします。

との、お問い合わせが寄せられました

ご連絡ありがとうございます

サイト幅、記事カラム幅はシリウステンプレート機能で調節されたかと
理解します

Ｈ２　ｈ３は、1カラムの場合、テンプレート横幅設定では調節できないので
スタイルシートに指定記述を追記します

スタイルーとの以下項目にwidth: 650px;を書き足せば同じ幅になります

ここ追加をしておりまして、追加後必ず保存をしてください
後、テンプレートの保存もお忘れなく

Ｈ２　ｈ３調整

/* 各種見出し */

h1 {
font-weight: normal;
font-size: 12px;
color: #666666;
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: 35px;
overflow: hidden;
padding-top: 7px;
padding-bottom: 7px;
background-color: #333;
background-image: url(./img/h3.jpg);
width: 650px;　ここ追加
}

h4へ進みます

ここは数値を変えてます

width: 630px;を追加します

なぜ、630px;というとｈ4の左端に画像があるため、650ですと右
へはみ出しますが630px;ならちょうど収まります

#main h4 {
font-size: 16px;
line-height: 34px;
background-image: url(img/h4.jpg);
background-repeat: no-repeat;
margin-top: 15px;
margin-bottom: 10px;
background-position: left bottom;
padding-right: 8px;
padding-left: 30px;
padding-top: 0px;
padding-bottom: 0px;
color: #E27905;
width: 630px;　ここ追加
}

以上です

h2、ｈ3、を個別にサイズを指示する場合は、各見出し記述を
個別に分ける必要がございますが、本文に記載はありませんので
追記いたしませんでした

スポンサーリンク

1カラムのサイト幅変更に伴う見出し幅の調整についての質問
シリウスカスタマイズサポートフォーラム一覧
シリウスカスタマイズサポートフォーラム
シリウスカスタマイズ