Archived topic
Element Custom image is not clear ( Blurred )
8 replies · Started by aziz on November 9, 2021
HI Team
Please help.
I uploaded a cutom image for the header element and couldn't be fixed, still blurred.
The Original size is 600x150
Here are the current settings :
If I set it as the original size, it will not be visible in the header.
here is the post : https://www.emarketinghacks.com/wordpress-black-friday-deals/
Hi there,
I'm not seeing an image in the linked post:
https://www.screencast.com/t/YJFWbplv7
The background image link doesn't exist
https://www.screencast.com/t/s7605rhT7
600 by 150 is also quite small as your container width is 1165px.
If you need further help with this, please disable clear and disable your caching plugin.
Thanks!
Hi Leo
Thanks a lot for the feedback. I cleared all the caches and I can see the picture.
The plugin was disabled and enabled.
Thanks
Aziz
But the element still blurred
Hi aziz,
As Leo mentioned, the image is too small for its container.
It's looking blurred because the browser tries to stretch it out to fill the space but since the image is too small, it loses more quality in the process.
Try replacing the image used with an image of higher resolution.
Hi Elvin.
Thanks for the feedback, will figure it out very soon.
possible to share with me the header element code of :
- H1, the blog title
- by
- Last Updated
- Customize the font color
Like this one : https://prnt.sc/1z0roqq
thanks in advance
Aziz
Hi there,
best option is to use a Block Element:
https://docs.generatepress.com/article/block-element-page-hero/
Then you can visually build what you require.
HI David , will try that. Thanks
You're welcome
