• Hello, can someone please tell me how to do this. I tried to be smart and use
    footer {
    background: #d8b362;
    }

    but that did not work. Thank you

Viewing 13 replies - 1 through 13 (of 13 total)
  • Add this to your child style.css or Custom CSS plugin:

    #footer-content {
        background: #d8b362;
    }
    Thread Starter TerrieO

    (@terrieo)

    That didn’t work either…want to take a look…its the grey thing at the bottom https://www.kellyfelixbtfgold.com

    Thanks ??

    How about:

    #footer {
        padding-top: 20px;
        line-height: 1.5;
        background: #d8b362;
        box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15) inset;
        text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
    }
    Thread Starter TerrieO

    (@terrieo)

    That didn’t work either….maybe I will just leave it grey.

    Maybe you can add the !important declaration:

    #footer {
        background: #d8b362 !important;
    }

    Hi, Looks like the footer has a background image which is masking any colour change. To turn off the image, try:
    #footer {background-image:none; background-color:#d8b362}

    Thread Starter TerrieO

    (@terrieo)

    I am sorry – that did not work either.

    Hi,
    #footer {background: #d8b362}
    works for me, so please forgive me for checking, are you putting it in Appearance / custom css / click Save. Try having the line just on its own – if there is some other css which is not quite right then it may not be being parsed. Reload the page pressing ‘Control F5’ to force a stylesheet reload, in case its being cached. If still not working please leave the line in custom css and report. If its in there it may be possible for others to diagnose the problem.

    Thread Starter TerrieO

    (@terrieo)

    okay…i did all that and it still did not work. Who do I report it to?

    No one. Your CSS is flawed and you are not using either a child theme or a custom CSS plugin. Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

    Thread Starter TerrieO

    (@terrieo)

    I am using the custom CSS box within my WP

    Hi, I meant report back here to see if anyone can offer further advice. I have examined your custom css which is embedded in the markup about half way down the head section. Your custom css for the lines beginning with #copyright and #footer both omit the closing curly bracket: } so they are being ignored. Please try putting the closing brackets in and let us know how it goes.

    Thread Starter TerrieO

    (@terrieo)

    That worked! I am sorry for all the hassle. Thank you for your persistance in helping me.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Change background color of footer’ is closed to new replies.