I put an image in one of the sidebar blocks. Looks normal until you resize the page then it distorts the image.

CommentFileSizeAuthor
#2 example-of-image-distortion.tar_.gz348.83 KBjjzeidner

Comments

Jeff Burnz’s picture

Jeff Burnz commented

You'll have to show us the site/page in question.

jjzeidner’s picture

jjzeidner commented
StatusFileSize
new example-of-image-distortion.tar_.gz348.83 KB
jjzeidner’s picture

jjzeidner commented

Hi Jeff,

ok I uploaded some html files for your perusal.

thanks, -jmz

jjzeidner’s picture

jjzeidner commented

also, see how I am using a big logo image here?

is there a way to get that to resize properly in a variety of responsive contexts?

Jeff Burnz’s picture

Jeff Burnz commented
Category: Bug report » Support request
Status: Active » Fixed

You are hard coding style attributes into the img tag which is overriding the themes img {height: auto} declaration which is required for scaleable images:

<img style="height:303px; width:260px" src="example-design-problems_files/briehost.png" alt="">

jjzeidner’s picture

jjzeidner commented

Ok that fixed it. Thanks.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.