In order to add a custom background color to the app you have to do the following steps:
Step 1:
Go to your Shopify Admin page -> under “Online Store” select “Themes” -> On the right side you can “Customize” your selected theme.
![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F04285c1d-d640-4547-a1c7-70deeda22a91%2FUntitled.png?table=block&id=02ac2a2f-208f-4c13-bcf9-c660bd136ce5&width=3580&cache=v2)
Step 2:
Under “Sections” -> Click on “Add section”
![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F85f395eb-dccc-4742-979e-4aee55579c15%2FUntitled.png?table=block&id=08aea10c-f162-46cf-a536-1f46249d04ca&width=3830&cache=v2)
Step 3:
At the bottom, under “ADVANCED” label select the “Custom HTML” option and click on the “Add” button
![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff09b6cea-3967-444c-895a-7865b6773ab9%2FUntitled.png?table=block&id=aa4941ec-a91d-40ca-aaed-42a83e65aac4&width=3540&cache=v2)
Step 4:
In the “Custom HTML” text box paste your HTML code -> than click the “Save” button on the top right corner.
Here is an example HTML: <div id=”ur-custom-widget” style=”background-color:#ffffff”> </div> (white color background)
![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4aaea826-a65e-4082-860d-91fed4608394%2FUntitled.png?table=block&id=7689c491-23bf-49f6-9f52-122fc18ce132&width=3560&cache=v2)
Recent Comments