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

TCDテーマOOPS!:トップページヘッダーコンテンツの文字と画像の位置を左右入れ替える方法

Q.トップページの画像スライダーで、キャッチフレーズと画像の位置を逆にする方法を教えてください。

テーマオプションの「アニメーションタイプ」で
フェードイン・スライド2を選択した場合は、文字が左・画像が右に表示されます。
スライド1を選択した場合は、画像が左・文字が右に表示されます。

 
▼変更箇所イメージ (フェードイン選択時)
変更箇所イメージ

A.下記の方法をお試しください。

外観>TCDテーマオプション>基本設定のカスタムCSSに入力して下さい。

1. フェードイン・スライド2選択時の左右を入れ替える
.p-index-slider__item--type1 .p-index-slider__item-content,
.p-index-slider__item--type3 .p-index-slider__item-content { 
   order: 1; }
.p-index-slider__item--type1 .p-index-slider__item-image,
.p-index-slider__item--type3 .p-index-slider__item-image {
   order: 0;
}
2. スライド1選択時の左右を入れ替える
.p-index-slider__item--type2 .p-index-slider__item-image {
   order: 1;
}
.p-index-slider__item--type2 .p-index-slider__item-content {
   order: 0;
}
The following two tabs change content below.

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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