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; }
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!