Forums

Changing the Header Image and Adding a Logo to twentyten theme (3 posts)

  1. mikaylex
    Member
    Posted 1 year ago #

    A few months back, I altered my twentyten theme to change the header image (to something of the same width but a bigger height than strictly allowed in the theme template) and to add a logo in place of the words on top. I found a fantastic thread which gave detailed instructions but despite my best efforts I can't seem to find it again.

    I didn't understand the concept of child themes then so the changes have since been overwritten. I have already set up a child theme style.css but I have no idea how to alter it. I remember having to alter both the style.css as well as the header.php.

    If someone could walk me through the process, I'd be very grateful.

  2. Devin Price
    Member
    Posted 1 year ago #

    Here's a good post that shows you how to create a child theme of TwentyTen and modify it:

    http://aaron.jorb.in/blog/2010/04/introducing-thirty-ten/

  3. deltaalpha
    Member
    Posted 5 months ago #

    Here is the simplest solution I found to add a logo in front of the site title:
    Go to style.css
    Find
    #site-title a {
    and add the lines shown below:

    #site-title a {
    padding: 7px 0 7px 78px; /* allow space for image */
    background: url(images/logo.png) no-repeat;
    }

    logo.png is your logo and can be logo.jpg, mylogo.gif etc, This is then added to the images folder for twentyten.

    Chage the padding for site-title and site title a to get the layout the way you like it.

Topic Closed

This topic has been closed to new replies.

About this Topic