How to change background color of header and footer on Twenty Twelve T (6 posts)

  1. codeman1234
    Posted 2 years ago #


    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?


  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    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: http://codex.wordpress.org/Child_Themes

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

  3. ricoh
    Posted 2 years ago #

    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.

  4. codeman1234
    Posted 2 years ago #


    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

  5. esmi
    Forum Moderator
    Posted 2 years ago #

    @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.

  6. codeman1234
    Posted 2 years ago #

    @esmi, ok no problem, sorry for the misunderstanding

Topic Closed

This topic has been closed to new replies.

About this Topic