Tạo button slider flatsome đẹp
một số anh em thắc mắc về mẫu button slider tạo điểm thu hút 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 khiến nhé
Tạo button slider flatsome đẹp
Để dễ mường tượng bạn xem qua hình mình đã khiến Công trình
Tạo button slider flatsome đẹp
1 điểm nhấn dị kì so sở hữu Slider của Flatsome đúng ko nào , nếu bạn muốn xem thực tiễn bạn sở hữu thể xem qua demo tại đây https://farm.chowebs.com
phương pháp làm 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 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 mang 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 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