Tạo button slider flatsome đẹp

INFO

một số anh em câu hỏi về mẫu button slider tạo điểm nhấn 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 dung bạn xem qua hình mình đã làm cho Công trình

Tạo button slider flatsome đẹp

1 điểm nhấn khác thường so với Slider của Flatsome đúng ko nào , giả dụ bạn muốn xem thực tại bạn có thể xem qua demo tại đây https://farm.chowebs.com

phương pháp 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 có 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 có thể đặt slider của bạn trong 1 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

Tạo button slider flatsome đẹp