On the bottom of a few pages I have this blue background that goes further down. I would like it to be removed.
Attached is an example.
Topic summary
A user encountered an unwanted blue background extending beyond content on certain store pages.
Solution Provided:
A support team member (DaisyVo) offered a CSS fix:
- Navigate to Shopify admin → Online store → Customize
- Access Theme settings → Custom CSS
- Add the provided CSS code targeting
div:has(div#goodst-product-status)withbackground: #0594B7 !important;
Another responder requested the store URL for additional context.
Outcome:
The original poster confirmed the CSS solution successfully resolved the issue and thanked the support team.
Hi @Anonymous , can you share your store url?
Hi @Anonymous
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there
Here is the code for Step 3:
div:has(div#goodst-product-status) {
background: #0594B7 !important;
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
You are so good to me DaisyVo, thankyou for all the help!