Support » Themes and Templates » How to change background color of header and footer on Twenty Twelve T

  • Hello,

    I need to change the backgroundcolor of the header and footer on the template Twenty Twelve, how do I do that? I trye it to change it for the footer here:

    /* Footer */
    footer[role=”contentinfo”] {
    background-color: #000;

    But, only make the change for the middle part of the footer, the sides are still on white? how do I change it all? how you change it for the header also?


Viewing 5 replies - 1 through 5 (of 5 total)
  • Do you have a Child Theme or custom CSS set up? You absolutely should not make any changes to theme files, especially in the default theme. See:

    Or if you will only modify CSS, a plugin such as jetpack will suffice.

    After you do the child theme as WPyogi suggested the style that you are going to want to change is the

    .site {
    	background-color: rgb(122, 33, 33);

    that will change the white background box that the content sits on, if you want to change the background color behind the content, that can be done via the admin interface:
    Appearance -> Background
    Appearance -> Customize link -> Colors, and you can play with a few options there with color pickers and everything very easily.


    muchas gracias, ya lo consegui, solo tengo una duda mas, como hago para usar el child theme para cambiarle el estilo a funciones de wordpress como por ejemplo, titulo, categoria, tags, feature image?

    Slds y gracias



    Forum Moderator

    @codeman1234: As per the Forum Welcome, please post your own topic. Posting in an existing topic prevents us from being able to track issues by topic. Added to which, your problem – despite any similarity in symptoms – is likely to be completely different.

    Also, these are English language forums, so please use English. Alternatively, use a WP support forum in your language.

    @esmi, ok no problem, sorry for the misunderstanding

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change background color of header and footer on Twenty Twelve T’ is closed to new replies.