Tạo button slider flatsome đẹp

1 số anh em câu hỏi về loại 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ẽ phương pháp khiến nhé

Tạo button slider flatsome đẹp

Báo cáo bài viết

Tạo button slider flatsome đẹp
- có THỂ BẠN quan tâm
- cách khiến button slider flatsome đẹp

Để dễ hình dong bạn xem qua hình mình đã khiến cho Dự án

Tạo button slider flatsome đẹp

một điểm đặc sắc kì dị so có Slider của Flatsome đúng ko nào , giả dụ 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 làm cho button slider flatsome đẹp

bạn chỉ cần đặt css nào vào css custom là xong nhé

 


	
			một
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 có thể chỉnh những tham số left: 90% và margin-top: -43% cho phù hợp có 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
hai
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: 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

Tự học Excel

Tìm kiếm Blog này

Tạo button slider flatsome đẹp

Tạo button slider flatsome đẹp

Tạo button slider flatsome đẹp

có THỂ BẠN quan tâm

phương pháp làm cho button slider flatsome đẹp

Nhận xét

Đăng nhận xét