Solved

Brooklyn Theme - Change Footer Background Colour

andylewie
Excursionist
20 0 2

Hi,

I have a custom footer, that I am wanting to change the background colour of. How can I change the footer colour please?

 

I have tried adding a custom ID to the footer wrapper, but the wrapper doesn't seem to contain the entire footer:

 

wrapper#CustomFooter {
background-color: #000000;
}

 

Cheers.

Accepted Solution (1)
oscprofessional
Shopify Partner
15905 2378 3087

This is an accepted solution.

Hi @andylewie ,

html.supports-js.supports-no-touch.supports-csstransforms.supports-csstransforms3d.supports-fontface.supports-pointerevents {
background: Red;
}

change color as per you need !

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 8 (8)

DelightCart
Shopify Partner
1239 82 157

Can you please send me store url?

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
andylewie
Excursionist
20 0 2
oscprofessional
Shopify Partner
15905 2378 3087

This is an accepted solution.

Hi @andylewie ,

html.supports-js.supports-no-touch.supports-csstransforms.supports-csstransforms3d.supports-fontface.supports-pointerevents {
background: Red;
}

change color as per you need !

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Zworthkey
Shopify Partner
5581 642 1574

@andylewie 

html, body {
    background-color: #000000 !important;
}

Add this code.

andylewie
Excursionist
20 0 2

@Zworthkey unfortunately that changed the background colour of the entire page.

@oscprofessional that's spot on, thank you very much!

Zworthkey
Shopify Partner
5581 642 1574

@andylewie 

hahaha,
no both are the Same, 

oscprofessional
Shopify Partner
15905 2378 3087

Hi @andylewie ,

div#shopify-section-footer {
background: red;
padding: 23px;
}

 

try this code or let me know the URL please

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
andylewie
Excursionist
20 0 2

Unfortunately that only works for the area immediately above the footer.