Footer colour not changing in Firefox

Try this CSS:

#footer-content {
    background-color: black;
}

#footer {
    border-top: 1px solid black;
}

If that doesn’t work, please ask Elegant Themes for help as they should be supporting their commercial themes.

As to the slider, possibly due to CSS errors:

https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fgranite-worktops-dorset.co.uk%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

Hi WPyogi,

Many thanks! I have tried to change this code. It works in Chrome. I think there must be a conflict with the slider plugin perhaps?

I have asked on the Elegant Theme forum and am hoping for some joy from them. I had same response as you which I had already implemented anyway. I have also as the author to the plugin.

It seems noone is any wiser so far… However I didn’t think to validate the CSS.

Many thanks

Your et-custom-css content #footer-content{background-color: none;}

none is not a valid value of background-color

you need to add transparent in theme settings (if theme has support for custom css)

Hi 5um17

Thanks very much for your response. I tried inputting background-color:0;} have tried using transparency by inputting:

#footer-content {opacity:0;}

Is this correct?

no it will make whole wrapper invisible.
try this
#footer-content{background-color: transparent;}

or if you have an input box for that then use only
transparent

Hi 5um17,

Many thanks. This is rather frustrating. It doesn’t seem to have changed it at all. I am using a theme and a couple of plugins. According to my Firefox browser there is no change…

yes this is because your css contain some errors
h1.category-title{color:#fff;font-size:28px;font-family:'Arial,sans-serif}
this line missing quote, it should be
h1.category-title{color:#fff;font-size:28px;font-family:'Arial,sans-serif';}

and same for

#footer { border-top: 1px;
background-color: transparent; opacity: 0.5;  !important;}

remove semi-colon after 0.5

#footer { border-top: 1px;
background-color: transparent; opacity: 0.5 !important;}

try this i think it will work ??

5um17!

I commend you! It worked! Thank you so much. I have spent half the day puzzling over this. Thank you so so much!

MANY THANKS!!!!!

Welcome. Please mark as resolved. ??

Will do many thanks once again!

??