WordPress.org

Ready to get started?Download WordPress

Forums

PinBlack
[resolved] Header image and Home Page query (9 posts)

  1. robertmac_33
    Member
    Posted 1 year ago #

    Hello, i know there is another thread similar to this, but it didn't fully resolve the issue for me.

    I'd like to replace the header image which is currently my site's name with my corporate logo, this is currently stored within the images folder (/themes/pinblack/library/images) as "site_logo.png"

    I know that i need to edit the style.css and header.css, but cant figure out which part to edit.

    Could someone point me in the right direction?

    Thanks in advance
    Rob

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    For sure, before changing anything in any theme files, create a child theme so that your changes won't be lost when the theme is updated:

    http://codex.wordpress.org/Child_Themes

  3. robertmac_33
    Member
    Posted 1 year ago #

    Ok will do, once created tho which information do i need to amend?

    Thanks again

  4. ricoh
    Member
    Posted 1 year ago #

    [Moderator note - the following changes should be made in a Child Theme - do not modify theme files directly]

    This theme doesn't support a custom header, so you can just edit the markup yourself. In the header.php where the site title and description get output, just add/edit the markup there to show your logo image

    <header id="branding" role="banner">
          <div id="inner-header" class="clearfix">
    		<hgroup id="site-heading">
    			<h1 id="site-title"><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    			<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
    		</hgroup>
          </div>
    	</header>
  5. robertmac_33
    Member
    Posted 1 year ago #

    Thanks for the reply, i can see this entry in the header.php... can you show me where i need to enter the location of my image url? Sorry i havent tuched HTML in over 10 years, so i'm extremely rusty, but would like to learn again

    if my image url were http://www.sitename.com/home/images/my_image.png where would i insert this, and in what format?

  6. ricoh
    Member
    Posted 1 year ago #

    <header id="branding" role="banner">
          <div id="inner-header" class="clearfix">
             <img src="http://www.sitename.com/home/images/my_image.png" alt="Alt Text" height="" width="">
          </div>
    </header>
  7. robertmac_33
    Member
    Posted 1 year ago #

    That's awesome! thank you... one more thing (last one i promise)

    I'd like the logo to be clickable and return the user back to the home page (meant to ask this earlier)

  8. ricoh
    Member
    Posted 1 year ago #

    <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="http://www.sitename.com/home/images/my_image.png" alt="Alt Text" height="" width=""></a>
  9. robertmac_33
    Member
    Posted 1 year ago #

    Excellent!! thanks very much for you help!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.