Page media images not showing as resized

Support
1

Hi, New to Grav and loving it so far but have come across an issue with resizing images using Page media.

I have attached an image (avatar.png) to my page and I’m using the following code to resize it:

![](avatar.png?resize=50,50)

but this is the output on the page:

45
Screenshot 2019-09-22 at 11.19.45.jpg561×544 41.2 KB

It looks like the image IS resizing down from the original image size (400x400) but its still displaying it at the original image size. If I check the page source I can also see the image is 50x50.

I’m using the Cacti theme if this is relevant.

Any help grateful.

EDIT: It’s showing the image in the correct size within preview which makes me think this is theme related.

Looking into the CSS for the theme I found the issue:

img {
	width: 100%; */
 	max-width: 100%; */
	border-radius: 3px;
}

I commended out the width code which resolved it for me:

img {
/* 	width: 100%; */
/* 	max-width: 100%; */
	border-radius: 3px;
}
1 Like
2

Hi, glad you solved your problem, well done! I went to mark this solved but can’t because you edited your original question. This is a new problem for me, just mentioning that because it’s probably better for this reason in future to answer your own question by replying to yourself. Then I can mark the solution post as solution :slight_smile:

3

Thanks for the heads up, does replying now help?

4

LOL, I have no idea!

1 Like