WordPress.org

Support

Support » How-To and Troubleshooting » How to add logo on twenty twelve theme

How to add logo on twenty twelve theme

Viewing 15 replies - 1 through 15 (of 28 total)
  • leejosepho
    Member

    @leejosepho

    You will first need a Child Theme, then you can copy header.php over into that folder and add you modification/s…
    http://codex.wordpress.org/Child_Themes

    None of that is really difficult, and plenty of folks here will help.

    Thanks very much! It doesn’t seem hard to do and the instructions are very clear. Unfortunately, I really new to this so I don’t understand all the terms and how they apply. I hate being such a newbie. I will have to find someone to explain this to me.

    leejosepho
    Member

    @leejosepho

    Do you have FTP access at your server? If so, look for public_html/wp-content/themes, and that is where you should find your existing Twenty Twelve theme inside its own folder. To make a Child Theme, first just make a new folder right there *beside* (not inside) the Twenty Twelve folder, and you can name your new Child Theme folder anything you wish (such as my2012child, and then use that same name in the following file just below). Next, make this file and place it inside the Child Theme folder you just made:

    /*
    Theme Name: my2012child (or use any name of your own choosing)
    Description: Child theme for the twentytwelve theme
    Author: Your name here
    Template: twentytwelve
    */
    
    @import url("../twentytwelve/style.css");

    After doing that, go to your Dashboard and try a “Live Preview”…and you can then activate it if all looks well, and you will be ready to begin customizing your new Twenty Twelve Child Theme.

    You’re very good at explaining. Thank you. I’ve created the folder which is now amongst the various theme folders I have loaded into WP. Was it supposed to be “in” the twenty twelve folder? It’s not at the moment. I created the file inside the folder as instructed.

    Looking at my site nothing has changed. Looking at my Themes page it’s showing my2012child theme at the bottom as being “broken” as it’s missing the stylesheet. What have I missed?

    leejosepho
    Member

    @leejosepho

    I’ve created the folder which is now amongst the various theme folders I have loaded into WP. Was it supposed to be “in” the twenty twelve folder?

    No, just next to it inside wp-content. It sounds like you have that right.

    I created the file inside the folder as instructed.

    Looking at my site nothing has changed.

    That is as things should be so far…

    Looking at my Themes page it’s showing my2012child theme at the bottom as being “broken” as it’s missing the stylesheet. What have I missed?

    There is apparently something wrong…

    Did you name that style sheet style.css ?

    It’s named mychild2012. I thought you wanted it the same name as the folder. Should it be style.css?

    leejosepho
    Member

    @leejosepho

    Yes, style.css is the name of the file, and your Child Theme name is on the appropriate line inside that file.

    OK. Renamed my folder twentytwelvechild so now it resides beside my twentytwelve folder. I’ve renamed the file style.css. It’s now showing up in the themes with an activate option.

    I did a live preview and the site looks like a site map. Is this correct?

    leejosepho
    Member

    @leejosepho

    I think it might look like that until you set the various options, then WordPress keeps track of options set for each theme instance.

    Well, this might be too much for me. I’ve activated it and set some options but aside from a colour and a photo it’s looking the same. Like a site map.

    WPyogi
    Forum Moderator

    @wpyogi

    It looks like the @import line in your style.css file is not correct – it’s showing as this:

    @import url("../twentytwelve/style.css");

    Did you create it using a plain text editor (not something like Word)?

    Sweet! Nice catch WPyogi! I don’t know how that happened but it’s fixed. Site looks like it should again. Thanks very much to both of you for your help.

    Now, I just need to figure out how to get the logo set up on the top right and some social media links at the top center.

    leejosepho
    Member

    @leejosepho

    Many thanks, WPyogi. I had just gone into the deep end and was hoping for some rescue!

    The first goal here was to get my logo up top. I’ve done this now by adding this code (I got from searching) below @import

    img.header-image {
    border-radius:0;
    box-shadow:0 0 0 rgba(0,0,0,0);
    position:absolute;
    top:65px;
    }
    .site-header {
    padding-top:2rem;
    }

    It’s worked except my logo is on the left side of the page and I want it on the right. What do I need to add/change to make this happen?

Viewing 15 replies - 1 through 15 (of 28 total)
  • The topic ‘How to add logo on twenty twelve theme’ is closed to new replies.