Tạo button slider flatsome đẹp
1 số anh em thắc mắc về cái button slider tạo điểm đặc sắc xíu cho slider trong theme flatsome nhàm chán trước giờ , ok hôm nay tớ chia sẽ cách thức khiến cho nhé
Tạo button slider flatsome đẹp
Để dễ hình dong bạn xem qua hình mình đã khiến cho Dự án
Tạo button slider flatsome đẹp
một điểm đặc sắc dị thường so có Slider của Flatsome đúng ko nào , ví như bạn muốn xem thực tại bạn mang 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 với thể chỉnh các tham số left: 90% và margin-top: -43% cho phù hợp có width của slider của bạn
Bạn cũng sở hữu thể đặt slider của bạn trong 1 table nhớ đặt class cho table nhé ( thí dụ tớ đặt class cho table là .sanpham là ta mang 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