How can I remove the image's background in blog list page?

Store Design
, ,
1

How can I remove the image’s background in blog list page?

I edited CSS on my blog list page to resize the width & height of the blog list image.

But the background is not changed with the image. It has also zooming effect on the image & background.

How can I remove or resize them?

Please help. thank you.

TRADESCHOOL_1-1678331694662.png
TRADESCHOOL_1-1678331694662.png1634×750 161 KB

2

Hello @TRADESCHOOL

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

3

I sent a message! thanks for your help

4

Hello @TRADESCHOOL

Thanks for your reply. Kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

5

thank you. I pasted it, but I want to make my image & background small together, but it seems this code is for only image resizing.

6

You can try this code :

It will display :

GemPages_0-1678343800391.png
GemPages_0-1678343800391.png1814×685 174 KB

7

@TRADESCHOOL

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