một số anh em thắc mắc về mẫu button slider tạo điểm đặc sắc xíu cho slider trong theme flatsome nhàm chán trước giờ , ok bữa nay tớ chia sẽ cách thức làm nhé
Tạo button slider flatsome đẹp
Để dễ hình dung bạn xem qua hình mình đã làm cho Dự án
Tạo button slider flatsome đẹp
1 điểm thu hút dị thường so có Slider của Flatsome đúng không nào , ví như bạn muốn xem thực tiễn bạn có thể xem qua demo tại đây https://farm.chowebs.com
phương pháp khiến cho button slider flatsome đẹp
bạn chỉ cần đặt css nào vào css custom là xong nhé
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
.flickity-prev-next-button.previous
left: 90%;
.flickity-prev-next-button
opacity: một;
.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 các tham số left: 90% và margin-top: -43% cho thích 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 một table nhớ đặt class cho table nhé ( thí dụ tớ đặt class cho table là .sanpham là ta sở hữu thể code css dạng sau )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
.sanpham .flickity-prev-next-button.previous
left: 90%;
.sanpham .flickity-prev-next-button
opacity: một;
.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