Tạo button slider flatsome đẹp

1 số anh em câu hỏi về chiếc 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 cho 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 thu hút khác thường so sở hữu Slider của Flatsome đúng không nào , nếu bạn muốn xem thực tế bạn với thể xem qua demo tại đây https://farm.chowebs.com

bí quyết làm 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 sở hữu thể chỉnh các tham số left: 90% và margin-top: -43% cho phù hợp với width của slider của bạn

Bạn cũng mang thể đặt slider của bạn trong một table nhớ đặt class cho table nhé ( ví 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