Đôi khi bạn sẽ thấy phần Read More, hoặc Đọc thêm, hoặc Xem thêm…với các bài viết hiển thị rút gọn trên trang chủ, chuyên mục…
Vậy làm sao để xóa nút Read More này?
Bạn chỉ cần thêm một dòng code nhỏ vào trong CSS Bổ sung hoặc Style.css
Cách 1. Thêm code vào CSS Bổ sung
Bước 1. Vào Giao diện –> Tùy biến (hoặc Tùy chỉnh)
Bước 2. Vào CSS Bổ sung hoặc Custom CSS/Additional CSS, hoặc tên gọi tương tự (ở cuối cùng)
Bước 3. Chèn đoạn code này rồi bấm Đăng
.read-more {display: none;
Bước 4. Xem thành quả. Nút Read more đã biến mất
Cách 2. Thêm Code vào Style.css
Bước 1. Mở Giao diện –> Sửa
Bước 2. Bấm vào tệp Style.css và dán đoạn code vào
.read-more {display: none;
Trường hợp code kia không chạy, hãy thử xóa và thêm lại đoạn code này:
.read-more {display: none !important;
Nếu bạn vẫn thấy chữ Read More chưa biến mất thì:
- Xóa Cache: Xóa cache trình duyệt (bấm Ctrl Shift Delete)
Mỗi giao diện sẽ có một cấu hình khác nhau, nên đôi khi một vài giao diện sẽ không áp dụng cách này được. Và khi đo bạn cần gửi website vào dưới, mình sẽ gửi đoạn code tương ứng nhé!
web của mình khong áp dụng được code trên bạn giúp giùm nhé: https://tuandenroi.com/
Bạn thêm dòng này vào CSS Bổ sung nhé (Giao diện > Tùy chỉnh (hoặc Tùy biến) > CSS Bổ sung (nó ngay dưới cùng)
span.read-more {
display: none;
}
CSS trên là đúng nhưng bạn có cách nào bỏ nút read more mà nội dung hiển thị full ko. Trang chi tiết sản phẩm của mình viết nội dung dài. nhưng nó ko hiện full mà phải read more. Thấy quá bất tiện nên mình muốn nó hiện nội dung luôn luôn thôi. Mình đã kiểm tra trong theme option. trong các tùy chỉnh khác, ko có chổ tắt tính năng readmore đó đi. Còn vào cpnel can thiệp thì ko biết code đó nằm trong file nào, mò hoài chưa thấy.
Mặc định thì trang đó hiển thị đầy đủ mà. Với trường hợp này cần biết bạn xài Theme gì, và có link trang sản phẩm, để kiểm tra thì mới biết được.
cho mình hỏi chút nhé nếu muốn sửa thành chữ đọc thêm thì phải làm thế nào
Bạn xài Loco Translate Plugin rồi dịch nó thành Đọc thêm
thank kiu