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ẽ cách khiến cho nhé

Tạo button slider flatsome đẹp

Để dễ mường tượng bạn xem qua hình mình đã khiến cho Dự án

Tạo button slider flatsome đẹp

một điểm thu hút 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 sở hữu thể xem qua demo tại đây https://farm.chowebs.com

bí quyết khiến 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 mang 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 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