Blurry Featured Images in Newspaper X

Newspaper X
1

All of my featured images are slightly blurry or less crisp than the images that I upload.
StoryNosh.com

2 points

  1. The new modified images that are created by Wordpress or the theme are slightly larger than the container. So it isn’t that it is being stretched too much.
  2. Additionally, I have tried Regenerate Thumbnails, but it doesn’t seem change anything.

I have found solutions for other colorlib themes that involve functions.php in the child theme, but I’m not sure what I would add to this theme to fix this issue.

Any help would be appreciated.

2

Hey there

SOrry but i cant see your website, it’s not reachable, this is the message i get:

This site can’t be reached
The connection was reset.

3

I’m not sure why that would happen. I’ve never gotten that error and the server has been up all this time.

I did a quick Google search and it looks like clearing browser cookies should fix that problem to allow you to see the site if you are still getting that error.

4

Good evening

I can see your website now but where is the blurry images? every image here on the homepage is crystal clear, i can’t see any problem with them, can you add extra details to your question?

5

I went and looked at the demo of this theme and it looks like the main image on the homepage is resized to 550px wide even though the its container is 755px wide. So I re-looked at my own site. On the homepage, the main image is doing the same thing.

In other words, the resized image is bring stretched, causing the slight blur in the image, particular in the main image.

So I guess my question now is where do I change the setting for this. Based on what the Regenerate Thumbnails says, there is a setting for “newspaper-x-recent-post-big” somewhere and I need to change it to be 760px wide instead of 550px wide.

6

Okay. I found this thread about the same issue.
https://colorlibsupport.com/t/pages-resize-the-featured-images-to-550-x-290-articles-to-760-x-490/

I tried adding an inc folder with the updated file into my child theme. Is there a way to update this code in my child theme?

7

HI there

You have to follow main rules when working in child theme, can you tell me what exactly is your problem right now?

8

I suppose at this point the question is a matter of the best way to fix this. I have followed the solution I posted above which edits class-newspaper-x.php in the inc folder (line 268). This required editing it in the parent theme. So if the theme updates, then my edit will be lost and it will start creating images that are too small and they will again stretch and appear blurred.

It works, but I would rather be able to save my edit in my child theme so that it keeps the edit if the theme is updated. However, as far as I can tell theme setup files like the ones in the inc folder are not something that are easily overriden in a child theme. That’s really beyond my current skill with wordpress.

If there is a way to add something to my child theme’s functions.php to override the add_image_size function on line 268 of class-newspaper-x.php then that would be ideal because it would retain my edits if the theme updates. Again, that’s really beyond my skill with wordpress. If it isn’t possible, then it’s not possible.

So I have fixed this issue, but would interested in a better solution if there is one.

As an aside, I just want to say I appreciate your responsiveness to the two issues that I’ve posted about.

9

Hello there,

You could copy the files to the child theme another option is to create a new child theme and copy the updated files to it with this plugin:

Best Regards,
Support