• 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

Viewing 12 replies - 1 through 12 (of 12 total)
  • 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

    Thread Starter christinarule

    (@christinarule)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter christinarule

    (@christinarule)

    Hi Andrew
    Yes I do!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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>

    Thread Starter christinarule

    (@christinarule)

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

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try adding these styles to your Child Theme stylesheet;

    #masthead .ten.columns,
    #masthead hgroup {
     float: right;
    }

    Thread Starter christinarule

    (@christinarule)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Perhaps add this;

    a.header-image {
     margin-top: 0;
    }
    
    #masthead hgroup {
     margin-top: 20px;
    }

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

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

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘How do I add an image logo instead of the site title’ is closed to new replies.