仕様変更(ナビゲーション/ページネーション/コンテンツ)

  • Resolved adfactoryhearts

    (@adfactoryhearts)


    1 year, 7 months ago

    いつもお世話になっております。
    添付画像のように、赤丸?赤四角を外に出し、
    ナビゲーションも任意のSVGに変更したいと思っております。
    変更可能でしょうか？
    教えて頂けると幸いです。
    何卒宜しくお願い致します。

    basic認証：hibihiryouten

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author ishitaka

    (@ishitaka)

    こんにちは

    CSS でできるかなと思いますが、やったことないです。ぜひトライしてみてください。

    Plugin Author ishitaka

    (@ishitaka)

    ざっとですがサンプル CSS を書いてみました。ご参考まで。

    Default テンプレート用:

    .xo-slider-template-default .swiper-container {
	padding-bottom: 160px;
}

.xo-slider-template-default .slide-content {
	top: auto;
	bottom: -120px;
	height: 120px;
}

.xo-slider-template-default .swiper-button-prev::after,
.xo-slider-template-default .swiper-button-next::after {
	content:'';
}
.xo-slider-template-default .swiper-button-prev {
	background-image: url("prev.svg");
}
.xo-slider-template-default .swiper-button-next {
	background-image: url("next.svg");
}
    Thread Starter adfactoryhearts

    (@adfactoryhearts)

    ishitaka様
    大変分かりやすく助かりました。
    無事実装出来ました。
    お忙しいところご対応ありがとうございました！！

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘仕様変更(ナビゲーション/ページネーション/コンテンツ)’ is closed to new replies.