Css mũi tên cho nút on sale trong flatsome

25/08/2020 02:44 4037

Css mũi tên cho nút on sale trong flatsome: kết quả sẽ như hình bên dưới, bạn copy về sửa lại màu và size nha. Mọi góp ý bạn có thể để lại bình luận bên dưới

Code copy:

.badge-container.absolute.left.top.z-1 {
    right: -6px !important;
    bottom: 21px !important;
    height: 79px;
    top: auto;
    left: auto;
}

.callout.badge.badge-square {
    display: inline-block;
    font-size: 16px;
       position: relative;
}

.badge-inner.secondary.on-sale {
    padding: 5px;
    font-size: 14px;
    height: 22px;
}

.badge-inner.secondary.on-sale:before {
    content: "";
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 10px solid transparent;
    border-right: 11px solid #d0021b;
    position: absolute;
    left: -21px;
    bottom: 22px;
}

.badge-container.absolute.left.top.z-1 {

right: -6px !important;

bottom: 21px !important;

height: 79px;

top: auto;

left: auto;

}

.callout.badge.badge-square {

display: inline-block;

font-size: 16px;

position: relative;

}

.badge-inner.secondary.on-sale {

padding: 5px;

font-size: 14px;

height: 22px;

}

.badge-inner.secondary.on-sale:before {

content: "";

border-top: 11px solid transparent;

border-bottom: 11px solid transparent;

border-left: 10px solid transparent;

border-right: 11px solid #d0021b;

position: absolute;

left: -21px;

bottom: 22px;

}

4.9/5 (13 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Css bổ sung cho vertical menu flatsome [ 10/04/2023 12:44 ]
Thêm breadcrumb cho flatsome [ 11/10/2021 07:53 ]
Thêm hotline bên trái trong flatsome [ 06/10/2021 02:02 ]
Thêm nút add to cart và mua ngay hiện khi scroll xuống dưới cho flatsome [ 25/08/2020 09:10 ]
Thêm custom hook vào flatsome (add custom hook into flatsome) [ 21/08/2020 07:23 ]

Css mũi tên cho nút on sale trong flatsome

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)