Blog Post Card image background

[ff_123]

I've got png images with transparent backgrounds as my block post featured image, but they seem to have a grey / slightly opaque background. Is there any css that I can add to remove the background of the image?

Screenshot of page attached

Thanks

[TheScriptFlow]

Hey @ff_123,

Welcome to the Shopify community. Yes, this is absolutely possible via CSS. Would you like to share the Store URL and password if applicable, so that based on the classes used in your store, I can provide you solution code.

Looking forward to hearing back from you.

Thanks

[ff_123]

I've temporarily disabled the password - the store URL is https://2dxxpj-15.myshopify.com/blogs/recipes

Thanks

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.card__media .media {
  background-color: unset !important;
}
</style>

Result:

Hope this helps! If yes then Please don't forget hit Like and Mark it as solution!

[ff_123]

Thanks @AnneLuo, that worked

[ff_123]

@AnneLuosimilar to my initial questions, if I wanted to remove the background of the tiles on a multi-column list, how would I do that? Don't suppose there is a crib sheet or extension anywhere that can show me the names of the different elements, so I can use the same code as you gave me above, but change it from the blog to the multi-column list items?

Thanks for your help.

[AnneLuo]

Hi, @ff_123 

Can you please share the store URL so I can better support you?