Chào các bạn, mấy hôm nay trên mạng đột nhiên xuất hiện tình trạng nhiều bạn than vãn về việc khung bình luận của Facebook (Comment Facebook) trên website WordPress đột nhiên bị thu hẹp chiều rộng, làm cho bố cục bài viết trở nên xộc xệch mất thẩm mỹ. Trong bài viết này, GiuseArt sẽ chỉ cho các bạn cách khắc phục nhé!
Nguyên nhân của tình trạng này đến từ đâu mình cũng không rõ và chưa có nhiều thời gian để tìm hiểu. Nhưng vì chính website GiuseArt.com của mình cũng gặp tình trạng này nên mình đã thử tìm cách khắc phục, và kết quả là thành công. Do đó, nếu bạn gặp trường hợp tương tự dưới đây, thử làm theo cách của mình xem sao nhé!
Update: Facebook đã fix lỗi và Comment Facebook đã ngon lành trở lại vào ngày 12/10/2018 rồi nhé!
Các bạn copy và paste đoạn code CSS bên dưới vào phần tùy chỉnh CSS của website nhé.
Cụ thể như sau:
- Cách phổ thông nhất: Giao diện > Sửa > Style.css (phổ thông nhất)
- Đối với theme Flatsome: Giao diện > Tùy chỉnh > Style > Custom CSS > Custom CSS
1
2
3
4
5
|
.fb–comments, .fb–comments span, .fb–comments span iframe{
width:100% !important;
display:inline–block !important;
max–width:100% !important
}
|
Xong rồi các bạn lưu lại và quay trở lại bài viết xem thành quả được chưa nhé!
Chúc các bạn xử lí thành công.
Có thể bạn nên xem:
-
Plugin bán chạy: Yoast SEO Premium
Ngày đăng:15/11/2019Đây là bản Premium của công cụ tối ưu SEO On Page phổ biến nhất hiện nay Yoast SEO. Hiện có 5.000.000 tải và kích hoạt, có thể nói là một SEO plugin được yêu thích nhất hiện nay. Với phiên bản này bạn sẽ được bổ sung thêm các tích như: Redirect manager – Quản lý và tự …
90,000đXem chi tiết -
Porto | Responsive WordPress + eCommerce Theme (Có Key)
Ngày đăng:15/11/2019Lưu ý: Mình chỉ cung cấp key cho Gold MemberShip hoặc khách mua lẻ thôi nhé (trừ gói silver).
200,000đXem chi tiết
- Thêm hiệu ứng ánh sáng khi hover vào ảnh bài viết trong theme Flatsome
- Hướng dẫn chèn Breadcrumbs cho website WordPress sử dụng plugin Yoast Seo
- Cảnh giác web dính virut khi khôi phục xong không gỡ plugin Duplicator
- Sửa lỗi khung bình luận Facebook trên website WordPress đột nhiên bị thu hẹp chiều rộng
- Thêm hiệu ứng ánh sáng khi hover ảnh sản phẩm Woocommerce bằng CSS