Docs

[bonnieshortall]

Hi there!

I have used the following code to change my bottom footer colour:

.x-colophon.bottom {
background-color: black;
}

and it just won’t work.

Could you please provide me with some advice? Thanks!

[Paul R]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[bonnieshortall]

Hi there,

my url is optimumperformancedublin.com

thanks 🙂

[Prasant Rai]

Hello There,

Thanks for writnig in!

You can add this under Custom > CSS in the Customizer:

footer.x-colophon.bottom {
    background-color: #000 !important;
}

Thanks.

[Thai]

Hi There,

You forgot to close the curly bracket(}) in your custom CSS.

Please find this CSS:

@media (max-width: 767px) {
  #x-section-15 {
    background-position: 75% !important;
  }
.x-colophon.bottom {
background-color: #2d2727;
}

And change to this:

@media (max-width: 767px) {
  #x-section-15 {
    background-position: 75% !important;
  }
}
.x-colophon.bottom {
background-color: #2d2727;
}

Hope it helps 🙂

[bonnieshortall]

Hi there,

this didn’t change the footer colour 🙁 I’m probably doing something wrong!

[Christopher]

Hi there,

Please find this code :

@media (max-width:480px){
.x-content-band {
background-size: 100% 100% !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}

And update it to :

@media (max-width:480px){
.x-content-band {
background-size: 100% 100% !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
}

Hope it helps.

[bonnieshortall]

It worked thank you so so much!

Bonnie

[Christian]

You’re welcome, Bonnie. Glad we could help. 🙂

[Author]

Posts