1 số anh em thắc mắc về cái button slider tạo điểm nhấn xíu cho slider trong theme flatsome nhàm chán trước giờ , ok bữa nay tớ chia sẽ phương pháp làm cho nhé
Tạo button slider flatsome đẹp
Để dễ mường tưởng bạn xem qua hình mình đã khiến Dự án
Tạo button slider flatsome đẹp
một điểm đặc sắc dị kì so với Slider của Flatsome đúng ko nào , nếu bạn muốn xem thực tại bạn sở hữu thể xem qua demo tại đây https://farm.chowebs.com
phương pháp khiến cho button slider flatsome đẹp
bạn chỉ cần đặt css nào vào css custom là xong nhé
.flickity-prev-next-button.previous left: 90%; .flickity-prev-next-button opacity: 1; .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button margin-top: -43%; .slider-nav-circle .flickity-prev-next-button svg border: 0; border-radius: 100%; background-color: #9a1b1f; border-radius: 0; color: white;
Bạn có thể chỉnh những thông số left: 90% và margin-top: -43% cho thích hợp mang width của slider của bạn
Bạn cũng với thể đặt slider của bạn trong một table nhớ đặt class cho table nhé ( thí dụ tớ đặt class cho table là .sanpham là ta có thể code css dạng sau )
.sanpham .flickity-prev-next-button.previous left: 90%; .sanpham .flickity-prev-next-button opacity: 1; .sanpham .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button margin-top: -43%; .sanpham .slider-nav-circle .flickity-prev-next-button svg border: 0; border-radius: 100%; background-color: #9a1b1f; border-radius: 0; color: white;
Bạn chỉ cần lưu lại là xong
Chúc bạn thành công
theo : https://flatsome.xyz/tao-button-slider-flatsome-dep.html