Using CSS Editor to change footer background color in Freedom theme

This seemed like it should be simple, but I’m trying to change the default blue color in the footer bar using the CSS Editor module.

I have tried variously:

.main-footer_bottom {
  background-color: 332a7e ;
}

.main-footer {
   color: 332a7e ;
}

.main-footer {
  background-color: 332a7e ;
}

.main-footer_top {
  background-color: 332a7e ;
}

And nothing seems to work. I know my CSS skills are rusty, but I feel like I’m missing something really obvious.

Thanks!
Jeanine

Hi @JEFinn ,

Do you just need to add the # before your hex codes?

Well I definitely need that! Thanks - added the # but it still doesn’t seem to changing background color.

Hi @JEFinn,

Do you have a link where I can take a look and see why it’s not working for you?

https://digitalclaremont.net/OmekaS/s/MEW/page/exhibit

Thank you - this is our first site with Omeka S and we are on a bit of a learning curve.

It might not be obvious depending on your font, but the class you want there is .main-footer__top (note there are two underscores between footer and top). The same applies to “bottom,” and those are the two you’d want to use, as they’re where the background colors for the footer are actually being applied.

That was it – THANK YOU!