Trang chủ WordPressThủ thuật WordPress CSS giới hạn ký tự tiêu đề sản phẩm trong Woocommere

CSS giới hạn ký tự tiêu đề sản phẩm trong Woocommere

bởi Thắng ơi!
821 lượt xem

CSS giới hạn ký tự tiêu đề sản phẩm trong Woocommere – Để giới hạn ký tự hiển thị tiêu đề sản phẩm trong Woocommerce có rất nhiều cách khác nhau. Có thể bạn sử dụng plugin wordpress có sẵn hoặc những đoạn mã rút ngắn trong function. Sử dụng CSS là cách đơn giản nhất và hiệu quả tốt hơn khi bạn hover chuột vào tiêu đề rút gọn sẽ hiện ra thông tin đây đủ. Dưới đây là đoạn mã css, hãy copy và sử dụng nhé!

/* CSS rút ngắn tiêu đề */
.class-tieu-de-blog {
    padding-top: 5px;
    text-align: center;
    color: #000;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; //là số dòng mà bạn muốn rút ngắn
}

Bài viết liên quan

Bình luận