Help changing section color

Store Design
, ,
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

7

Hi @blissbloomaesthetic

Please follow the steps below after logging into the Shopify admin:

  • Go to your Shopify Admin panel.

  • Click on Online Store > Themes.

  • Find the live theme and then click Actions > Edit code.

  • Search base.css

  • Insert the provided CSS code at the top of the file and save the changes.

body .shopify-section-group-header-group #shopdatetime
{
    background: #FA7F3A;
}

Please hit Like and Mark it as a Solution if you find our reply helpful.