Dawn - change rich text section background color

Hi,

How can I change the background color as I dont want to have it different to the standard accent and background colors I have everwhere else on the site.

The color I want to use is #111111.

Thanks

Hi @984488 ,

Please share your store URL and password of front view.
So that I will check and let you know the exact solution here.

Best regards.

1 Like

Hi it’s https://tandoormaster.com/

Password is TandoorMaster

1 Like

@984488

sorry but i can’t see that section can you show me

1 Like

@KetanKumar Top section just below the header. It’s a rich text section on the homepage

1 Like

@984488

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-rich-text.css ->paste below code at the bottom of the file.
#shopify-section-template--15300872929485__1639784798de2cc5d8 .rich-text {background: #ff5000;}
1 Like

That works, you are amazing thank you so much! For my understanding what does this mean

template–15300872929485__1639784798de2cc5d

Is it unique to my shop?

1 Like

@984488

yes, that current

2 Likes

Hi Ketan,

If i want to apply this to other sections, how can I generate the section id, e.g. template–15300872929485__1639784798de2cc5d?

You can add it in as a setting for your rich text

class="richtext {{ section.settings.text_align }} {{ section.settings.bg_color }} {{ pt }} {{ pb }} {{ mt }} {{ mb }}">

 {
            "type": "select",
            "id": "bg_color",
            "label": "Background color",
            "default": "bg-white text-body",
            "options": [
                { "group": "Light", "value": "bg-white text-body", "label": "White" },
                { "group": "Light", "value": "bg-light text-body", "label": "Light" },
                { "group": "Dark", "value": "bg-primary text-white", "label": "Primary" },
                { "group": "Dark", "value": "bg-secondary text-body", "label": "Secondary" },
                { "group": "Dark", "value": "bg-dark text-white", "label": "Dark" }
            ]
        },

Hi,

This method did not work on my site.

#shopify-section-template–15300872929485__1639784798de2cc5d8 .rich-text {background: #c1beb4;}

This is what I pasted below code at the bottom of the file in the section-rich-text.css.

Thanks.

1 Like

@naoyonyc

oh sorry for that issue can you please send store url so i will check and let you know

https://anynewyork-world.myshopify.com

password: Yayme

Many thanks

I’d like to use the color of #c1beb4 on the Rich Text where it’s too dark now.