Help changing section color

Store Design
, ,

Topic summary

A user seeks help changing the background color of a clock section on their Shopify store to #FA7F3A.

Multiple solutions provided:

  • Custom CSS approach (most common): Add CSS targeting #shopdatetime with background: #FA7F3A !important; through Customize > Theme settings > Custom CSS

  • Theme file editing: Insert the same CSS code at the end of base.css via Online Store > Edit Code

  • Section-specific targeting: Use a more precise selector div#shopify-section-sections--25511325434146__2fdc4d38-0d9a-442f-aa28-acdb8ef7e8ef with background-color: #FA7F3A;

One respondent requested the page URL for more precise code. All solutions involve CSS modifications, with the Custom CSS method being the safest and most accessible option that doesn’t require direct theme file editing. The discussion remains open with no confirmation from the original poster about which solution worked.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

I have a clock section on my website and i would like to change the bg color to #FA7F3A, What is some code to do this?

Store- blissbloom.shop

Screenshot (1)
Screenshot (1)1366×768 182 KB

2

Hi @blissbloomaesthetic,

Please go to Customize > Theme settings > Custom CSS and add code:

    #shopdatetime {
        background: #FA7F3A !important;
    }

If I helped you, then a Like would be truly appreciated.

Best,
NamPhan

3

You can change the color by clicking settings icon on customization page, but it will be better if you can share this page URL here, so that I can give you a precise CSS code directly.

4

Hey @blissbloomaesthetic,

In order to change the color of the time section of your Shopify store you need to follow these steps.

Go to Shopify Admin >> Online Store >> Edit Code >> base.css

In the end of base.css you need to paste the code below.

#shopdatetime {
    background: #FA7F3A !important;
}

Thanks

5

Hello @blissbloomaesthetic,

I hope you are well!

Please copy and paste the code below by going to the Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.

div#shopify-section-sections--25511325434146__2fdc4d38-0d9a-442f-aa28-acdb8ef7e8ef {

background-color: #FA7F3A;

}

image
image1917×855 300 KB