Images squashed when added to blog

[EReid97]

Whenever I try to add an image into my blog it gets widened and can not be adusted. The image looks normal on desktop preview but on mobile preview it stays looking like the image attached. Adjusting the aspect ratio makes no difference, changing the size of the image itself doesn't help, I'm not sure how to make it look like the original image.

[SamGerdt · Accepted solution]

Here's the CSS rule that's breaking the image on mobile. It's on line 842 of main.min.css. That max-height rule is set to !important, which will prevent you from fixing it within the blog editor. You need to update this CSS file to remove or adjust that rule.

Hope that helps!

[SamGerdt]

The most likely cause of this is a CSS rule in your template that is displaying the image with a default width of 100% (or some similar rule). Can you post a link to the affected page?

[EReid97]

I've removed the image for now but this is the blog page we are trying to add the image to https://www.talentdesk.io/blog/freelancers-vs-contractors-the-main-differences-you-should-know

[SamGerdt]

Thanks. Any chance you can show me the page with the squashed image loaded?

[EReid97]

https://www.talentdesk.io/blog/freelancers-vs-contractors-the-main-differences-you-should-know i've added it again, should be updated. It will look okay on desktop but on mobile it won't

[SamGerdt · Accepted solution]

Here's the CSS rule that's breaking the image on mobile. It's on line 842 of main.min.css. That max-height rule is set to !important, which will prevent you from fixing it within the blog editor. You need to update this CSS file to remove or adjust that rule.

Hope that helps!

[EReid97]

Thanks for figuring that out! Do you have any advice on where or how I could fix this?

[SamGerdt · Accepted solution]

You would need to fix it in Design Tools. I would recommend showing the
problem to your web developer if you are not familiar with this area of
HubSpot. I think the best I can do is point you in the right direction.

Best,
Sam

[EReid97]

Okay I'll see what I can do. Thanks for the help