Tạo button slider flatsome đẹp

flatsome

18/01/23

CSS, Blog Wordpress, Thủ thuật

0

Theo dõi tôi qua Google News

1 số anh em nghi vấn 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 bữa nay tớ chia sẽ bí quyết làm nhé

Tạo button slider flatsome đẹp

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

• Tạo button slider flatsome đẹp
  • sở hữu THỂ BẠN để ý
  • cách làm button slider flatsome đẹp

Để dễ mường tượng bạn xem qua hình mình đã làm cho Công trình

Tạo button slider flatsome đẹp

một điểm đặc sắc khác thường so có Slider của Flatsome đúng ko nào , nếu bạn muốn xem thực tế bạn sở hữu thể xem qua demo tại đây https://farm.chowebs.com

có THỂ BẠN quan tâm

• phương pháp tạo Full Aff từ Tiki , Aff từ Lazada , Aff trong khoảng Shopee
• Hostvn Black Friday 2022 – khuyến mãi lên đến 79%
• bí quyết đăng ký Google Drive 200GB – 3 Năm giá 385K bằng tài khoản Gmail Mình
• chỉ dẫn show Attributes trang chi tiết sản phẩm – thuộc tính sản phẩm
• Hiện thị mô tả acf cho danh mục categories blog
• Thêm Category vào Title trong UX Builder theme Flatsome

cách thức khiến button slider flatsome đẹp

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

1 hai 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 những thông 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 một table nhớ đặt class cho table nhé ( ví dụ tớ đặt class cho table là .sanpham là ta sở hữu thể code css dạng sau )

một 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: 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