WordPressテーマTCDのカスタマイズを研究するサイト

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」内に上記の変更値をそのまま記述頂ければ上書きされます。

The following two tabs change content below.

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。