Viewing 6 replies - 1 through 6 (of 6 total)
  • J M

    (@hiphopinenglish)

    In your CSS file, change the following:

    #footer {
        width: auto;
        line-height: 20px;
        background: none repeat scroll 0% 0% rgb(234, 21, 128);
        position: relative;
        z-index: 100;
    }
    #footer {
        width: auto;
        line-height: 20px;
        background: none repeat scroll 0% 0% rgb(92, 92, 92);
        position: relative;
        z-index: 100;
    }

    The change is the numbers in brackets. You can see more RGB colour schemes here.

    Thread Starter undjchezvous

    (@undjchezvous)

    ok but this is my css file editor

    i cannot see where is #footer to make a change

    /*
    Theme Name: Twenty Eleven
    Description: Used to style the TinyMCE editor.
    */

    [That’s too much code – no need to post CSS – it’s all visible on your site]

    J M

    (@hiphopinenglish)

    Please redact your code above. It will be removed as it’s too long!

    The CSS file in question is for a theme called Bandzone. Find it in undjchezvous > wp-content > themes > bandzone >style.css

    The rule for #footer you are looking for is in Line 18.

    You can also edit it from your Dashboard by visiting Appearance > Editor and finding style.css.

    Don’t make changes to a Parent theme as you will lose them during upadtes. Please create a Child Theme and use that.

    (BTW, the code you pasted above is from the default Twenty Eleven theme, not the theme (Bandzone) you’re using.

    Thread Starter undjchezvous

    (@undjchezvous)

    ok thank you but a try to do it and a can see the change in the footer.
    but the background color i want to change it s not for the footer it ‘s finaly above it!
    is the Footer Widgets Area.
    where can i change it

    thx

    J M

    (@hiphopinenglish)

    Please be more specific. Post a screenshot of the part you want to change.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Then add;

    .widgets {
     background-color: black;
    }

    That’ll replace your stripes.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘help how can i change my footer background color’ is closed to new replies.