How to change the background color of the footer menu
Topic summary
A user seeks to change the background color of their footer menu area, as shown in an attached screenshot highlighting the specific section.
Solution Provided:
Another user offers a CSS-based solution targeting the main content area:
- Add custom CSS code to the theme.liquid file
- Navigate to: Online Store → Themes → Three Dots → Edit Code → theme.liquid
- Insert the CSS snippet under the
<style>tag before the body - The provided code uses
main#MainContentselector with a pink background color (#FFD1DC)
Implementation Steps:
The helper provides detailed navigation instructions with screenshots showing where to place the code. The solution involves direct theme file editing rather than using the theme customizer.
Status: The discussion remains open with no confirmation from the original poster about whether the solution worked.
hey plz share your URL
https://crartcase.com/ thanks
main#MainContent {
background-color: #FFD1DC;
}
hey @ dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution
hey [email removed] dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution
main#MainContent {
background-color: #FFD1DC;
}
main#MainContent {
background-color: #FFD1DC;
}
hey @CRART dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution