Making Rich text Transparent

[ahmy-com]

In my website I've made the background an image but because of the background color of rich text its not showing properly 

As you can see the black background color is overlapping my background image so now how do I make it transparent. If i change the background color on my scheme it changes the background color on the rich text 

Now i need to make it transparent but i dont know how can someone help me please

[Moeed]

Hey @ahmy-com 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[ahmy-com]

shopault.com

no pass

[makkaomakka]

Can you provide link to your store?

[ahmy-com]

shopault.com 

[makkaomakka]

Hi @ahmy-com ,

I have written custom CSS to fix this on the home pages.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above </body> tag

{% if request.url contains 'index' %}
  <style>
    .gradient {
        background: transparent!important;
    }
  </style>
{% endif %}

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[ahmy-com]

it didn't work but I wrote a code that worked .gradient {
background: var(--gradient-background);
background-attachment: fixed;
background-color: transparent !important;
background-position: top left !important;
background-size: auto !important;
}

[makkaomakka]

Did you want to make your background black?

[ahmy-com]

no i wanted to make it transparent which it is now

[makkaomakka]

Its not transparant on my end.

[ahmy-com]

I checked on my other laptop and its coming up as transparent