Dawn theme: How to change image size in product recommendation?

Store Design
1

I recently found an article on reducing image size in the main product page through simple coding, which is fantastic.

I was wondering if anyone out there know how to reduce image size for the product recommendation?

Cheers~

2

@macdidilin

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hello @macdidilin ,

Hope you are doing well.

By adding custom CSS you can change the size of the image in the product recommendation.

4

Thanks Binal!

Ok, but where to add and how to set it so it modify the product recommendation?

5

Here you go

https://macdidilin.myshopify.com/products/%E5%B9%B3%E5%BA%95%E9%8D%8B-%E7%A2%B3%E9%8B%BC-20cm?pr_prod_strat=collection_fallback&pr_rec_pid=7433304932599&pr_ref_pid=7477444247799&pr_seq=uniform

password is password99

Also, how do you show 4 items in total?

6

yes, please share product recommendation section code so i will check and guide

7

Hello @macdidilin ,

Thanks for your reply.

Please add the below CSS in your base.css theme file at the bottom:

@media screen and (min-width: 750px)
.grid__item {
    max-width: 25% !important;
}
8

Hello,

I’m also trying to change css on my product page as well.

Can you please help me?

product-page.png
product-page.png1902×959 267 KB

I want my product page to look liket this

full width + half image half description.

Also, on the bottom you may also like section, I want to make this full width as well.

this is my current page

my-page.png
my-page.png1902×932 220 KB

Can you please help me?