Featured Image Cropped in Posts

[herbusinesscents]

When I post a featured image in my posts, it gets cropped on the sides. Throughout the rest of the site it’s fine, but at the top of the posts they get cut off. Is there a way to change the size of the featured image for all posts to keep it from cropping or have it post as the full size image?

[ruenel]

Hello Lauren,

Thanks for writing in! Your images were cropped because you have installed Jetpack plugin and Site Accelerator module is enabled. The Site Accelerator will cached all your images and sometimes it has some problems loading the images. One of the limitations of this module:

No cache invalidations – currently the images are cached “forever”.
If you want to “refresh” an image you will need to change the name of the image.
Adding random query arguments, commonly known as cachebusters, will not work.

You can check it here: https://jetpack.com/support/site-accelerator/ for further information.

For the time being, please disable Site Accelerator module and test your site again. You will find that the full images will be displayed without a hitch.

We would love to know if this has worked for you. Thank you.

[herbusinesscents]

Thank you for your response!

I disabled JetPack’s Site Accelerator and the images are still cropped.

[marc_a]

Hi Lauren,

Thanks for reaching out.

Kindly provide us access to your site so that we can able check your issue.
Please create a secure note with the following info:

– Link to your site
– WordPress Admin username / password
-FTP Access

To know how to create a secure note, please check this out: https://theme.co/docs/getting-support

Thank you.

[herbusinesscents]

I created a secure note in my reply above. Please let me know if you need anything else from me!

[christian]

Hey Lauren,

The cropped image is being caused by a custom CSS. You or your developer need to fix the custom code.

Please kindly remove custom codes and do the rest of the troubleshooting procedures mentioned in our Common Issues article before posting a support thread. Doing so would help increase our response time by concentrating only on theme related issues and not WordPress nor web development in general. Those are best handled in our One service plan.

Hope that helps and thank you for understanding.

[herbusinesscents]

I’ve never added any custom CSS to my site before. I went through the troubleshooting methods:

1. I tried a different theme other than X Theme and the problem went away - my featured images were no longer cropped, so it is an X Theme related problem.

2. I deactivated all my plugins except for Cornerstone, but the problem persisted so it isn’t a plugin related problem.

3. X Themes is currently up to date.

4. I did start having this issue after I installed the “Crafty” theme in X Theme under the design cloud. I’m not sure if something got messed up with the CSS when I did this or if this is just a setting in Crafty. If the only way to fix this problem is by changing the CSS I would feel more comfortable knowing exactly where I need to go to change it and exactly what I need to change it to in order fix the featured image size in all/future posts.

Thank you!

[marc_a]

Hi Lauren,

To help with your problem, go to X > Theme Option then click the CSS.

Add this CSS code:
.single.single-post .entry-featured{
max-width: 100% !important;
}

"Please note that providing custom code is outside the scope of our theme support. Issues that will arise from the use of custom codes should be forwarded to a 3rd party developer."

Thank you.