2012 Theme Footer Background color

  • JohnsonL1

    (@johnsonl1)


    11 years, 8 months ago

    Hello all– I am using a child theme of 2012, and have been looking online to find a way to give the footer a different background color, preferably a light grey to compliment part of the header logo. have tried changing the CSS for .footer everything, and nothing is working. has anyone done this? i’m working on the site in MAMP, so i cannot send you a link, sorry. thank you so much!

Viewing 3 replies - 1 through 3 (of 3 total)
  • RossMitchell

    (@rossmitchell)

    11 years, 8 months ago

    I suggest that you make friends with firebug (a firefox exgtension that provides debugging of browser CSS. It will let you find the elements you want to target, and how youe css is being applied.

    bretwp

    (@bretwp)

    11 years, 8 months ago

    First, make sure you are using a Child Theme to make your CSS edits.

    I agree with Ross that you’ll want to look into using the browser plugin Firebug, using that you can directly see and test CSS in the browser.

    The Twenty Twelve footer background can be changed like this, but you’ll most likely want to make some additional changes as the footer does not stretch 100% across the screen due to some padding.

    footer[role=”contentinfo”] {
    background: none repeat scroll 0 0 #eeeeee;
    }

    Thread Starter JohnsonL1

    (@johnsonl1)

    11 years, 8 months ago

    hi there–

    am having scads of fun with firebug; i tried it out a couple years ago when i was first wrestling with CSS, but feel more comfortable with it now. and bretWP, thanks so much: putting that code in the child’s style sheet worked perfectly. i don’t know why i didn’t see the footer background code, but i didn’t. Thank you both again!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘2012 Theme Footer Background color’ is closed to new replies.