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, MuaTheme.com 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 anetcode.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 -
Blocksy Creative
Ngày đăng:15/11/2019Blocksy là một chủ đề WordPress mạnh mẽ được xây dựng và thiết kế đặc biệt để hoạt động tối ưu với những trình xây dựng trang hàng đầu trên nền tảng WordPress. Với sự linh hoạt và tích hợp thông minh, Blocksy không chỉ là một chủ đề, mà còn là một công cụ …
1,247,400đXem chi tiết
- Plugin kết nối giao hàng tiết kiệm với Woocommerce – GHTK vs Woocommerce
- Plugin kết nối Giao Hàng Nhanh với Woocommerce
- Thêm hiệu ứng ánh sáng khi hover ảnh sản phẩm Woocommerce bằng CSS
- Plugin tính phí vận chuyển cho quận/huyện trong woocommerce
- 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