Why isn't my rich text background image code working?

Store Design
1

Hi! I tried to changed the background of a rich text section to an image.

This is my code:

#shopify-section-template--15680664404182__1646996600371653f2 .rich-text {
background-image: url("https://cdn.shopify.com/s/files/1/0628/2903/5734/files/brainwave_1_2012_3404adc5-5002-40eb-b444-27ec86533f2e.jpg?v=1646995480") !important;
}

I added this to the file: section-rich-text.css

But for some or other reason it doesn’t want to work.

Could you please advise?

Website: https://idelettdelabat.com/

Password: whihig

2

Hi @madri ,

I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

Try this

Remove the code from section-rich-text.css

Asset->/base.css ->paste the below code at the bottom of the file.

Do you want something like this?

MS_WEB_DESIGNER_0-1646998717143.png
MS_WEB_DESIGNER_0-1646998717143.png1350×320 249 KB

If you have any concerns feel free to ask me!

Regards,
Ani

3 
.rich-text.content-container.color-background-1.gradient.rich-text--full-width.content-container--full-width.section-template--15680664404182__1646996600371653f2-padding {
    background-image: url(https://cdn.shopify.com/s/files/1/0628/2903/5734/files/brainwave_1_2012_3404adc5-5002-40eb-b444-27ec86533f2e.jpg?v=1646995480) !important;
}

@madri
Add this code.