Urgent - Motion theme colors Footer Customization

Store Design
, , , , , , , , ,
1

I’m using the Motion theme and need to customize the footer with the following changes:

  1. Set the background color to #9b6735.
  2. Remove the background color for the contact us section (phone, email, address), and change the background color and icons to white.
  3. Update the email signup form to have a white border and remove the background color from the submit arrow.
  4. Change the copyright text color to #9b6735 and set the background color to #fcf5e5.

website: https://li83229smsxf2gdu-67925410094.shopifypreview.com

I want like this:

Sivadarshan_0-1741063915366.png
Sivadarshan_0-1741063915366.png1122×347 33.4 KB

Thanks in advance.

2

Hi @Sivadarshan

Please follow the steps below:

Step 1: Go to Shopify Admin → Online Store → Theme → Edit code.
Step 2: Go to the assets folder.
Step 3: Insert the following code in the bottom of the theme.css file.

.footer-main-section .main-footer .grid.footer-part{
    background-color: #9b6735 !important;
}
.footer-main-section .main-footer .grid.footer-part .footer__collapsible .con_icons > svg{
    background-color: transparent !important;
}
.footer__collapsible .footer__newsletter > input{
    border: 1px solid #fff !important;
}
.footer__collapsible .footer__newsletter > button{
    background-color: transparent !important;
}
.page-width.main-footer .site-footer__bottom{
    background-color: #fcf5e5 !important;
}
.footer__copyright.site-footer__bottom-block {
    color: #9b6735 !important;
}

Hope this can help you!
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
3

since that is a color used elsewhere it should be easy to just click the color in footer. but I am not familiae with that theme.

in the customer css box you could try:

{
background-color:#9b6735;
}

or

div {
background-color:#9b6735;
}