Change footer colour- Brooklyn Theme

Solved
Acash
Excursionist
38 0 14

 I would like to change the background colour of my footer menu - how do I do this?

 

Screenshot 2021-03-09 at 00.49.42.png

 

 

 

Website: www.live-better-store.com

 

 

dmwwebartisan
Shopify Partner
5370 1236 1582

This is an accepted solution.

@Acash 

Please add the following code at the bottom of your assets/timber.scss.liquid file

.site-footer { background: #f6f6f6;}

Hope this works.
Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
khilan
Explorer
159 10 19

This is an accepted solution.

hi @Acash 

Please add the following code at the bottom of your assets/timber.scss.liquid file

.site-footer { background: #f6f6f6;}

thank you so much.

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
LamQSolutions
Tourist
9 2 2

This is an accepted solution.

Hi,

If you don't want to change any file in your theme, you can use our free app Custom CSS and add CSS code above.

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our app Scrolly Telling for creating scroll-based animations visually.
Natztech
Shopify Partner
428 105 207

This is an accepted solution.

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

#shopify-section-footer {
    padding: 12px 0;
    background-color: #bde9f2 !important;
}

 

Create your Shoppable Instagram Feed on your online store with AllFetch app

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution
Natztech
Shopify Partner
428 105 207

This is an accepted solution.

.site-footer  .wrapper .grid-uniform .grid__item >p >a {
	color: #ffffff !important;
}

.site-footer__copyright-content >a{
	color: #ffffff !important;
}

.site-footer  .wrapper .grid-uniform .grid__item .social-icons >li{
	    float: left !important;
}

.site-footer  .wrapper .grid-uniform .grid__item .social-icons >li >a{
	    color: #ffffff !important;
}
Create your Shoppable Instagram Feed on your online store with AllFetch app

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution
Acash
Excursionist
38 0 14

Thanks for that.

 

IMG_0941.jpg

I got one small issue. On the mobile view, social icons are not centred. Will you please help me align those social icons in centre please.

0 Likes
Natztech
Shopify Partner
428 105 207
@media only screen and (max-width: 579px){
.site-footer  .wrapper .grid-uniform .grid__item .social-icons >li{
	        margin-left: 40%; 
}
}
Create your Shoppable Instagram Feed on your online store with AllFetch app

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution
Acash
Excursionist
38 0 14

Screenshot 2021-03-09 at 13.38.53.pngIMG_0941.jpg

It doesn't seem quite right. Will you please check for me and provide me further steps to fix this.

0 Likes
Acash
Excursionist
38 0 14

IMG_0942.jpg

This is the current screenshot. Need fixing please.

0 Likes