Support » Theme: Twenty Fifteen » Adding logo

  • Resolved materialsrisk

    (@materialsrisk)


    Hi

    I have a twenty fifteen child theme and want to add my logo to the area of my website where the text Materials Risk is at the moment.

    http://www.materials-risk.com

    Everything I’ve tried so far just results in the header being replaced with a logo or a logo appearing in the background, but further down the page.

    Appreciate any help.

    Peter

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi Peter,
    Here is what you need to do:
    There is gonna be some PHP Cut/paste issue Do not worry πŸ™‚

    I assume you have some knowledge of WordPress
    1.Create logo image you want to have with right dimension approximately 350px X 200px.
    2. Upload that image to your WordPress media library
    3.Go to Dashboard/Media Click on that image. You will se URL to that image on the right side of the screen. REMEMBER that. You will copy this to img src=””

    4. Copy file header.php to your child theme.
    5. open that file:
    a) FTP and some file editor
    or
    b) go to Dashboard/Appearance/Edit
    on the right upper corner choose in the section: Select theme to edit: select your child theme
    open/click on header.php file in your child theme
    6. Replace this code:
    line No. 33:

    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

    With this code:

    <div>
     <a href="http://materials-risk.com" title="Materials Risk" rel="home">
    <img src="http://materials-risk.com/wp-content/uploads/YOURIMAGENAME.gif" alt="Materials-Risk">
    </a>
    </div>

    Put URL to your image to img src="HERE"
    YOU WILL GET THE LINK TO YOUR IMG SOURCE AS I DESCRIBED ABOVE
    7. Save header.php file
    …..and that should be all

    Hope this will help you.
    Feel free to ask
    Cheers
    TR

    Hi Peter,

    I made a video for you explaining how to insert your logo.

    Looks like Tahoe just beat me to the mark πŸ™‚

    Anyways, here’s the link if you prefer the instructions in video format.

    Good luck with your site!

    Cheers,

    Luke

    Hey Luke,
    Good job.
    You beated me down πŸ™‚
    Cheers
    TR

    Thread Starter materialsrisk

    (@materialsrisk)

    Thanks guys, really appreciate all your efforts. Sorry I haven’t responded sooner. Going to give the logo a go tonight!

    Thread Starter materialsrisk

    (@materialsrisk)

    It works! http://materials-risk.com/

    Thanks Luke and TR

    Thread Starter materialsrisk

    (@materialsrisk)

    Update – all works fine on desktop but on phone/tablet the logo doesn’t display on the homepage. Any suggestions?

    Thanks

    Peter

    Thread Starter materialsrisk

    (@materialsrisk)

    All sorted. Should have listened to TR. The image size was too big. Thanks guys.

    Thank you so much Tahoe Rock for the advice – this has also helped me solve a BIG mystery today and now I have a logo on my site.

    Travelling Banana

    No problem Juliav
    Feel free to ask in the future.
    Have a great day.
    TR

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Adding logo’ is closed to new replies.