Tạo button slider flatsome đẹp
một số anh em câu hỏi về chiếc button slider tạo điểm thu hút xíu cho slider trong theme flatsome nhàm chán trước giờ , ok hôm nay tớ chia sẽ phương pháp làm cho nhé
Tạo button slider flatsome đẹp
Để dễ nghĩ đến bạn xem qua hình mình đã khiến cho Công trình
Tạo button slider flatsome đẹp
1 điểm nhấn kì dị so mang Slider của Flatsome đúng không nào , nếu như bạn muốn xem thực tế bạn có thể xem qua demo tại đây https://farm.chowebs.com
cách thức 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 tham số left: 90% và margin-top: -43% cho thích hợp sở hữu width của slider của bạn
Bạn cũng có thể đặt slider của bạn trong 1 table nhớ đặt class cho table nhé ( tỉ dụ tớ đặt class cho table là .sanpham là ta với 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
Comments
Post a Comment