Chào mọi người, trong thời gian gần đây, có không ít người dùng gặp phải tình trạng khung bình luận Facebook (Comment Facebook) trên website WordPress bị thu hẹp đáng kể, dẫn đến việc bố cục trang web trở nên không còn hài hòa và mất tính thẩm mỹ. Tại Websiteviet.vn, chúng tôi đã phát hiện và giải quyết thành công vấn đề này cho chính website của mình cũng như nhiều trang web khách hàng. Bài viết này sẽ cung cấp cho bạn giải pháp hiệu quả để khắc phục tình trạng này. Hãy theo dõi nhé!
Nguyên Nhân và Giải Pháp Khắc Phục
Trước tiên, chúng ta hãy cùng tìm hiểu nguyên nhân gây nên lỗi trên. Đáng tiếc là hiện chưa có một lời giải thích chính thức nào cho nguyên nhân này, nhưng không sao, vì chúng tôi đã tìm ra cách để khắc phục hiệu quả.
Thêm Đoạn Code CSS
Để điều chỉnh lại kích thước của khung bình luận Facebook cho phù hợp với bố cục website, bạn chỉ cần thêm đoạn code CSS dưới đây vào trang web của mình. Bạn có thể thực hiện điều này thông qua các bước sau đây tùy thuộc vào giao diện mà bạn đang sử dụng:
- Giao diện thông thường: Truy cập vào Giao diện > Sửa > Style.css
- Đối với theme Flatsome: Vào Giao diện > Tùy chỉnh > Style > Custom CSS > Custom CSS
Sau đó, bạn hãy copy và paste đoạn code sau:
.fb-comments, .fb-comments span, .fb-comments span iframe{
width:100% !important;
display:inline-block !important;
max-width:100% !important
}
Lưu Thay Đổi và Kiểm Tra
Sau khi thêm code, đừng quên lưu lại thay đổi và quay lại trang web để kiểm tra xem lỗi đã được khắc phục chưa. Nếu mọi thứ diễn ra suôn sẻ, khung bình luận Facebook sẽ trở lại bình thường và đồng bộ hóa với thiết kế tổng thể của website.
Kết Luận
Việc khung bình luận Facebook bị thu hẹp có thể gây ra nhiều bất tiện và làm giảm tính thẩm mỹ của website. Tuy nhiên, với giải pháp đơn giản trên, hy vọng bạn sẽ nhanh chóng khắc phục được vấn đề này. Nếu cần thêm hỗ trợ, đừng ngần ngại liên hệ với chúng tôi tại Websiteviet.vn để được giải đáp mọi thắc mắc!
Chúc bạn thành công và hãy truy cập website của chúng tôi thường xuyên để cập nhật thêm nhiều mẹo hay ho khác nhé!
- Thiết Kế Website Chuyên Nghiệp Tại Đồng Nai Với Đầy Đủ Tính Năng
- Hướng Dẫn Tạo Hiệu Ứng Ánh Sáng Khi Hover Ảnh Sản Phẩm Woocommerce
- Hướng Dẫn Chi Tiết Cách Tô Màu Bằng Photoshop Cho Người Mới Bắt Đầu
- Thiết Kế Website An Giang: Dịch Vụ Chuyên Nghiệp Và Đa Dạng
- Thiết Kế Website Đà Nẵng Chuẩn SEO và Chuyên Nghiệp