Transparent Background on Monaco Cards

I tried a number of .css updates recommended here, none have worked. I’m trying to remove or at least change the color of the auto-white background that is applied to my transparent images. I’m using the Monaco theme. Something site wide would be nice, but I’m totally okay with section-by-section updates, if needed.

https://borriello.co

password: pw1234

1 Like

Hi @NotABot1011101 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like

@NotABot1011101 ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above


Result:

@NotABot1011101 Please go to

  1. Online store
  2. Themes → Edit theme
  3. Layout
  4. theme.liquid and paste this code before

Hi @NotABot1011101

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.card-wrapper .media { background: transparent !important; }
1 Like

Hello @NotABot1011101
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->component-card.css

.media.media--transparent.media--portrait.media--hover-effect {
background: transparent !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

Hi @NotABot1011101 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!