The following picture has some icons which are to big.
Can anyone point me in the right direction on how I can make all 3 smaller. There to big for desktop never mind mobile.
Thanks.
WEB URL - https://25f61a-2.myshopify.com/
Hi @L25HRY . There are two solutions.
-
You can resize the image from an online image resizer tool to a smaller dimension and then you can upload it on your website. This option will also help in improving page speed. https://imageresizer.com/
-
If you are not seeing the option to adjust the size of the images in the customizer section, I can provide you a code that will make these icons small. I can see now that these icons are not visible on the website. If you make it visible, I will provide you the code to fix this problem.
With this code, you can change the size of the image. Follow the below steps.
- Go to Online Store > Themes > Edit Code (Gear Box)
- Find base.css or theme.css
- Add below code at the end of the file.
.slider-mobile-gutter .multicolumn-card__image-wrapper{
max-width: 180px !important;
margin: 0 auto !important;
}
You can vary max-width to adjust the size of the image. Currently it is set to 180px, you can change it like 200px, 250px etc. Hopefully, it will fix the problem.
Hello L25HRY,
Thanks for reaching out!
Well, there are many free SEO tools or image optimizer tools/apps available on the Shopify app store. With the help of these tools, you can resize or compress the images by reducing their file size without hampering their visual quality.
One such app is SEOKart, which is an all-in-one SEO app.
Using this app you can completely optimize the images of your website by reducing their file size, changing their file format, and adding/editing file names and alt text of the images.
Also, you can customize a template for the images on the website and enable bulk optimizer, which optimizes the images on the website in bulk on the basis of the template.
Hope it helps!
Leesha