[ourphnParticipant]

Hi

I want all images on this page to be 189px x 252px http://www.ourphn.org.au/wordpress/population-health-data/

Is there a way I can use CSS to tell all the images to display at that size?

Thanks in advance

[ourphnParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thank you for writing in! Please add this on your Custom > Global CSS on Customizer.

@media (min-width: 768px) {
	.x-img.fixed-width-img {
		width: 189px;
	    height: 252px;
	}
}

Then add a class fixed-width-img to each of those images element.

Cheers!

[ourphnParticipant]

That worked great, but I used to have center align in the class box so all the images would be center aligned, is there a way to have the images all the same size and center aligned?

Thanks

[Paul RModerator]

Hi,

Please note that you can add multiple class in the class field.

You just need to separate it with one single space.

eg. fixed-width-img center-text

Thanks

[Author]

Posts