Change footer colour- Brooklyn Theme

[Acash]

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

Website: www.live-better-store.com

[dmwwebartisan · 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!

[khilan · 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.

[LamQSolutions · 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.

[Natztech · 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;
}

[Natztech · 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;
}

[Acash]

Thanks for that.

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.

[Natztech]

@media only screen and (max-width: 579px){
.site-footer  .wrapper .grid-uniform .grid__item .social-icons >li{
	        margin-left: 40%; 
}
}

[Acash]

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

[Acash]

This is the current screenshot. Need fixing please.