1 số anh em câu hỏi về mẫu button slider tạo điểm nổi bật xíu cho slider trong theme flatsome nhàm chán trước giờ , ok hôm nay tớ chia sẽ bí quyết làm nhé
Tạo button slider flatsome đẹp
Để dễ mường tượng bạn xem qua hình mình đã làm Công trình
Tạo button slider flatsome đẹp
một điểm thu hút dị thường so mang Slider của Flatsome đúng không nào , ví như bạn muốn xem thực tại bạn với 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 thông 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 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
Gái Xinh FB HOT