How can i change color in footer?

Solved

How can i change color in footer?

store095
Excursionist
95 0 43

Hi, i want to change the color (the red marked) of the footer same as below in this picture:

 

shop url: https://ba571d-cc.myshopify.com/

Dawn Theme 15.0.0

Color Code is: #232347

 

123.png

 

 

Thank you

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
9212 1847 1879

This is an accepted solution.

HI @store095 

Please add this code to Custom CSS in Online Store> Themes > Customize > Theme settings. 

.footer__content-bottom { background: #232347; }
.footer__copyright { padding-top: 0px !important; }
.section-sections--23267895017812__footer-padding { padding-bottom: 0px !important; }

 

Screenshot 2024-08-12 at 09.40.09.png

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 5 (5)

VIEKIN
Shopify Partner
746 91 106

@store095 ,

To do that you need to add style code here to Admin->Store Online-> Theme -> Customize Code -> Assets -> base.css

@media screen and (min-width: 750px) {
  .footer {
     padding-bottom: 0px !important;
  }
}

.footer .footer__content-bottom {
    background: #232347;
    padding-bottom: 20px;
}

You can add at the bottom of that file.

If have further question, feel free to ask me.

 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
store095
Excursionist
95 0 43

Thank you.

Dan-From-Ryviu
Shopify Partner
9212 1847 1879

This is an accepted solution.

HI @store095 

Please add this code to Custom CSS in Online Store> Themes > Customize > Theme settings. 

.footer__content-bottom { background: #232347; }
.footer__copyright { padding-top: 0px !important; }
.section-sections--23267895017812__footer-padding { padding-bottom: 0px !important; }

 

Screenshot 2024-08-12 at 09.40.09.png

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

store095
Excursionist
95 0 43

It's working. Thank you.

Dan-From-Ryviu
Shopify Partner
9212 1847 1879

Very welcome! 

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.