- This topic has 3 replies, 2 voices, and was last updated 5 years, 6 months ago by
.
Hi Shufflehound,
Another question:
when you add an image to a page using the single image gallery widget in Unyson, you have to add exactly the right size image otherwise you can’t scale them smaller. The only options for size of image in the widget are large and full. Now this is a problem as it means for smaller images, you have to resize them to such an extent that when you put them on a larger screen they look fuzzy.
Here’s an example: http://romex.mrvandigital.com/products/romex-joint-strengthener/
How do I make the image for the joint strengthener product smaller without having to compress the image and make it smaller in dimensions?
Hi @MrVanDigital,
I hope you are well today and thank you for your question.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.page-id-2357 .sh-single-image-container img { width: auto; max-height: 250px; }Best regards,
Shufflehound teamThanks. That’s useful. What if I wanted to apply to all the product pages? There are 15 in total?
To apply it to all pages, just change the above CSS code as following.
.page .sh-single-image-container img { width: auto; max-height: 250px; }
