TCDテーマORIONのページ横幅を変更する方法

ORIONの特別ページの横幅を、もう少し狭い形に調整したいということはないでしょうか。

今回は特別ページ以外にも、通常の投稿ページの横幅、固定ページの横幅も調整するカスタマイズ方法について解説していきたいと思います。

※カスタマイズをされる場合は必ずバックアップしてからおこなってください。

1.カスタマイズするCSSを表示させる

管理画面から【外観】にマウスをあてていただき、【テーマの編集】ボタンをクリックしていただきます。

次に画面を右側に【style.css】がありますのでクリックして下さい。

2.下記コードのwidth値とheight値を調整します。

＜修正コード＞

#single_slider_wrap { width:837px; position:relative; float:left;
margin:10px 50px 50px 0; }
#single_slider { width:837px; height:580px; margin:0 0 10px 0; }
#single_slider_nav { width:847px; margin:0; }

                               

次に、一般投稿のメインコンテンツの幅や固定ページのメインコンテンツの幅を調整する方もご案内します。

3.同じく「外観」>「テーマの編集」より右側の「style.css」を開きます。

下記のコードからwidth値をご変更頂ければ横幅を調整することができます。

#left_col { width:840px; float:left; }
#side_col { width:300px; float:right; }

                               

もしくは「カスタムCSS」内に上記の変更値をそのまま記述頂ければ上書きされます。