SIRIUSでサイドバーメニューの文字を中央寄せにする方法
SIRIUSではサイドバーメニューの見出しは通常左端によっていますが、中央に寄せたい！という方のために、メニューの文字位置を変える方法をご紹介します。
サイドバーメニューの文字を中央寄せにする方法
上部メニューの編集タブからスタイルシートをクリックします。
「スタイルシート」は「Ctrlキー + Wキー」 で直接開けますよ、やってみてね！
スタイルシートから『#menu h4 ,#rmenu h4 ,.menutitle』というキーワードを検索して、840行目あたりに、以下の様な記述が見つかると思います。
#menu h4 ,#rmenu h4 ,.menutitle {
line-height: 30px;
background-image: url(img/menu_h4.jpg);
height: 30px;
font-size:14px;
color: #FFFFFF;
text-align: left;
padding-left: 20px;
overflow: hidden;
}
文字を中央に寄せたい場合
文字を中央に寄せたい場合は、以下の２箇所を変更します。
① text-align: left; ⇒ text-align: center; 文字を置く場所を指定します。
② padding-left: 20px; ⇒ padding-left: 0px; 左端の余白を指定します。
「保存」を押して、完了です。プレビューで確認してくださいね。
「スタイルシート」を編集したら必ず「保存」を押してください。保存を押さないと作業が反映されないので気をつけましょう。
関連ページ
- SIRIUSシリウスの見出しの余白を調整する方法
- SIRIUSシリウスの見出しの余白を調整する方法について説明します。
- SIRIUSシリウスの見出しフォントが大きくする方法
- SIRIUSシリウスの見出しフォントが大きくする方法について説明します。
- SIRIUSシリウスの見出しの背景画像を変える方法
- SIRIUSシリウスの見出しの背景画像を変える方法について説明します。
- SIRIUSでトップメニューの文字をカスタマイズする
- SIRIUSでトップメニューの文字をカスタマイズする方法について説明します。
- SIRIUSでサイドバーの背景を消す方法
- SIRIUSでサイドバーの背景を消す方法について説明します。
- SIRIUSでトップメニューのカスタマイズ方法
- SIRIUSでトップメニューのカスタマイズ方法について説明します。
- SIRIUSシリウスでサイトの行間と段落を広げる方法
- SIRIUSシリウスでサイトの行間と段落を広げる方法について説明します。
