WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve
[closed] How do I add an image logo instead of the site title (13 posts)

  1. christinarule
    Member
    Posted 1 year ago #

    How do I add a logo instead of the site title and tagline. Also looking for the best way to add an image to the right hand side of the header.

    Thanks

  2. smudl
    Member
    Posted 1 year ago #

    Hi Christina,

    the easiest way to chcnge the Header from text to image is,
    to navigate to "Design -> Themes". And here just choose the most left menu point (sorry I have a German Version of WordPress). In the German version ist is called "Anpassen". Probably it is called something like "Customize" in the englisch Version.

    I hope that helps.

    With best regards,
    Smudl

  3. christinarule
    Member
    Posted 1 year ago #

    Hi Smudl,
    Thank you so much for taking the time to reply to my post. I thought this would work as well but, I need the banner ad to be a link. If I just upload a header the link is automatically set to the home page.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Christinarule, I don't know whether you have one already, but you need a Child Theme for this modification. Have you one?

  5. christinarule
    Member
    Posted 1 year ago #

    Hi Andrew
    Yes I do!

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Copy the header.php file from Twenty Twelve and paste it within your Child Theme directory.

    Then, edit your header.php file from within your Child Theme directory and write an <img> element above this element;

    <hgroup>
  7. christinarule
    Member
    Posted 1 year ago #

    Thanks... how do I get the banner to float to the right of the logo

    Here is the URL http://taxhelpoklahoma.com/

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try adding these styles to your Child Theme stylesheet;

    #masthead .ten.columns,
    #masthead hgroup {
     float: right;
    }
  9. christinarule
    Member
    Posted 1 year ago #

    Awesome that worked! I just need to figure out how to align them better...any ideas? Thank you so much for all your help!

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    Perhaps add this;

    a.header-image {
     margin-top: 0;
    }
    
    #masthead hgroup {
     margin-top: 20px;
    }
  11. paulwpxp
    Font hero
    Posted 1 year ago #

    @christinarule

    You are doing it wrong, the header image shouldn't be used for this purpose because it's linked to your own site not the ads's destination, what you need is a text widget in the header section.

    Also, Twentytwelve is a responsive theme, changes in CSS should be done in both outside and inside media-queries bit, try changing browser's width or view your site in mobile or tablet.

    If you want to keep using 2012, you should register an additional sidebar (widget's area) and place the call inside header then assign appropiate CSS, or pick other theme that already has this stuff built in.

    Since it doesn't seem like you care if it's fixed width or responsive, Prototype theme by Justin Taklock has a sidebar(widget's area) in header.

  12. etype76
    Member
    Posted 1 year ago #

    How about putting the image on the left? Do I need to float the menu right?

  13. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    @etype76 - you would need to create your own thread and include a link to your site.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags