Brooklyn Theme - Change Footer Background Colour

Store Design
1

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.

2

Can you please send me store url?

3

Hi @andylewie ,

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

try this code or let me know the URL please

4

www.humdinger.nz

5

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

6

Hi @andylewie ,

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

change color as per you need !

1 Like
7

@andylewie

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

Add this code.

8

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

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

1 Like
9

@andylewie

hahaha,
no both are the Same,