ページTOPへ

SIRIUSでサイドバーメニューの文字を中央寄せにする

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;
}

 

文字を中央に寄せたい場合

 

文字を中央に寄せたい場合は、以下の2箇所を変更します。

 

 

@ text-align: left; ⇒ text-align: center; 文字を置く場所を指定します。
A padding-left: 20px; ⇒ padding-left: 0px; 左端の余白を指定します。

 

 

「保存」を押して、完了です。プレビューで確認してくださいね。

 

 

 

「スタイルシート」を編集したら必ず「保存」を押してください。保存を押さないと作業が反映されないので気をつけましょう。


 

 

関連ページ

SIRIUSシリウスの見出しの余白を調整する方法
SIRIUSシリウスの見出しの余白を調整する方法について説明します。
SIRIUSシリウスの見出しフォントが大きくする方法
SIRIUSシリウスの見出しフォントが大きくする方法について説明します。
SIRIUSシリウスの見出しの背景画像を変える方法
SIRIUSシリウスの見出しの背景画像を変える方法について説明します。
SIRIUSでトップメニューの文字をカスタマイズする
SIRIUSでトップメニューの文字をカスタマイズする方法について説明します。
SIRIUSでサイドバーの背景を消す方法
SIRIUSでサイドバーの背景を消す方法について説明します。
SIRIUSでトップメニューのカスタマイズ方法
SIRIUSでトップメニューのカスタマイズ方法について説明します。
SIRIUSシリウスでサイトの行間と段落を広げる方法
SIRIUSシリウスでサイトの行間と段落を広げる方法について説明します。


トップページ SIRIUS機能解説 SIRIUSのカスタマイズ お勧めレンタルサーバー ご購入特典案内