Forum | Webflow

Integrating Swiper for Slider Images

Design help Custom code

Siton_Systems (Ezra Siton) March 1, 2020, 3:26pm 3

How to integrate Swiper.js 6(Slider/Carousel - mobile touch) & Webflow CMS Webflow Tips

Basic styling changes + Tips/Tricks: A. Change bullets color: !-- swiper 6 CSS --> <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper-bundle.min.css">  <style> span.swiper-pagination-bullet { background: purple; } </style> **[image] ** B. Change arrows color and size: <style> /*change color*/ .swiper-button-prev, .swiper-button-next{ color: purple; } /* change size */ .swiper-button-next:after, .swiper-button-prev:after { font-size: 26px; } </…

show post in topic

Home
Categories
FAQ/Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled