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

iPadタテ表示でTCDテーマMAXXを見た際に、サイドのバナーが伸びてしまう時の対処方法

iPadタテ表示でTCDテーマMAXXを見た際に、サイドのバナーが伸びてしまうというご質問を頂きました。

大きい画像への変更が難しい場合、以下のカスタマイズにて修正することができます。

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

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

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

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

2.下記コードを編集します。

<修正コード>

ul.banner_list1 { margin:0; padding:0; }
ul.banner_list1 li { margin:0 0 7px 0; padding:0; width:100%;
height:100px; overflow:hidden; position:relative; }
ul.banner_list1 li:last-child { margin-bottom:0; }
ul.banner_list1 li .image { display:block; width:100%; height:100%;
color:#fff; text-decoration:none; background:#000; }
ul.banner_list1 li .image_offset { display:block; min-width:100%;
position:absolute; top:50%; left:50%;


↓↓↓↓
<修正後>

 ul.banner_list1 { margin:0; padding:0; }
ul.banner_list1 li { margin:0 0 7px 0; padding:0; width:100%;
height:100px; overflow:hidden; position:relative; }
ul.banner_list1 li:last-child { margin-bottom:0; }
ul.banner_list1 li .image { display:block; width:100%; height:100%;
color:#fff; text-decoration:none; background:#FFF; }
ul.banner_list1 li .image_offset { display:block; position:absolute;
top:50%; left:50%;

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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