Sửa ảnh đại diện nổi bật bị mờ trong Plugin Modern Events Calendar

Chào mọi người,
Plugin Modern Events Calendar hiện nay rất thông dụng cho website Wordpress chuyên về các sự kiện thể thao: chạy bộ, bơi lội, xe đạp...

Trong quá trình làm website wordpress chạy bộ (75marathons.com) , bạn của mình mắc phải một vấn đề nhỏ của Plugin này.

Lỗi như sau:
List danh sách event khi chọn chế độ hiện thị Grid View / Classic trong Category Page Skin thì hình ảnh đại diện nổi bật cho một sự kiện bị mờ (Featured Image in Photo Event View is blurry).

Cách khắc phục như sau:

"The Photo view was pulling Medium size images (max width and height
of 300 px - mec-event-image) then enlarging them to fill the space. In WordPress settings, I
changed the max width and height of Medium images to 500 px. I then had to
re-upload the images in WordPress so it would save them with the new
settings."
Dịch: Hình ảnh đại diện mặc định của Plugin Modern Events Calendar là với kích thước hình ảnh trung bình là 300px khi load ra bên ngoài.

Cho nên, để hình ảnh hiển thị ảnh rõ và không bị mờ, bạn vào Cài đặt (Setting) của Wordpress, phần Media, phần hình ảnh trung bình (medium), thay đổi kích thước ảnh trung bình thành rộng tối đa (max width) 500px và cao tối đa (max height) là 500px.

Tới bước này, hình ảnh đại diện vẫn chưa rõ. Để hình ảnh thay đổi kích thước mới được cài đặt ở phần Setting, bạn cần xóa ảnh đại diện cũ, upload ảnh đại diện mới lên.
Ok xong, bạn nhấn F5 xem kết quả nhé.

Link tham khảo website marathons sử dụng Plugin Modern Events Calendar có ảnh đại diện đã khắc phục lỗi trên: https://75marathons.com/running/full-marathons/

Tóm lại:
Thay đổi kích thước ảnh trong Setting và upload ảnh đại diện cho sự kiện.

Nguồn tham khảo: https://theeventscalendar.com/support/forums/topic/featured-image-in-photo-event-view-is-blurry/