How can I make the rich text background transparent on my website?

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

Hey @ahmy-com

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

Best Regards,
Moeed

Can you provide link to your store?

no pass

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 tag

{% if request.url contains 'index' %}
  
{% 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

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;
}

Did you want to make your background black?

no i wanted to make it transparent which it is now

Its not transparant on my end.

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

How did you do it?