Field to transparant

Can someone help me make these black field transparant so that the text is being showcased on the installed background, i created a color scheme where all the background colors are set to transparant but it doesn’t work

Url is https://lunalucente.com/collections/blemish-prone

Hey @lunalucenteskin

Stunning storefront! Here’s an easy fix for the problem.

You can follow these steps::

Step 1: Go to Online Store > Theme > Edit code > find the "main.css " file and add the following

.m-color-scheme-662f67e8-8c04-43ee-99b3-137c75834bd4{
    background:transparent!important;
}

Hi @lunalucenteskin ,

You can fix this by simple line of code.

If you want to change the color of the particular section then add code to custom css of that section.

online store> themes> customize > click on the section which needs to changed > in the right side bar scroll down you can see custom css.

.m-color-scheme-662f67e8-8c04-43ee-99b3-137c75834bd4 {
background: transparent !important;
}

if you want this change in all places then add the same code to main.css

Online store > themes > three dots > edit code > search in leftside bar for main.css > add the code in main.css

I Hope your issue will fix by this.
If it does, please like it and mark it as a solution!

Regards,
Sweans

Hello @lunalucenteskin
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> main.css
add this code at the end of the file.

.m-color-scheme-662f67e8-8c04-43ee-99b3-137c75834bd4 {
background-color: transparent !important;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks