ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

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

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

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

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事