Adding Link to my Header Image

Community Forums Forums General Discussion Adding Link to my Header Image

This topic is: not resolved

This topic contains 5 replies, has 3 voices, and was last updated by  Mye 5 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #72011

    Mye
    Participant
    Post count: 14

    Hi,

    I’ve added an image in my header but for the life of me, I can’t figure out why it isn’t linked to the homepage. I’ve added this in function.php

    /** Add support for custom header */
    add_theme_support( ‘genesis-custom-header’, array( ‘width’ => 980, ‘height’ => 250 ) );

    The header image is in the css.

    http://myedeleon.com

    I’ve tried a lot of help codes out there but no good. I’d appreciate any help.

    Thanks!

    #72118

    emasai
    Participant
    Post count: 481

    Try this http://wpsites.net/web-design/clickable-custom-header/


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #72627

    Mye
    Participant
    Post count: 14

    Lynne, I tried that already but still can’t get a clickable header

    #73542

    Mye
    Participant
    Post count: 14

    anyone else have an idea?

    #73546

    braddalton
    Participant
    Post count: 7460

    The reason its not clickable is because of the way its been added in your style sheet:

    #header {
    	background: url(<a href="http://myedeleon.com/wp-content/themes/child/images/myeheader1.png" rel="nofollow">http://myedeleon.com/wp-content/themes/child/images/myeheader1.png</a>) no-repeat center;
    	margin: 0 auto;
    	min-height: 250px;
    	background-color: #fcf7ef;
    	color: #eee;
    }
    

    You could use PHP code or CSS to add it:

    //* Add support for custom header
    add_theme_support( 'custom-header', array(
    	'default-text-color'     => '000000',
    	'header-selector'        => '.site-title a',
    	'header-text'            => false,
    	'height'                 => 250,
    	'width'                  => 980,
    ) );
    

    Or

    /* Logo, hide text */
    .header-image .site-header .wrap {
    	background: url(images/logo.png) no-repeat left;
    	padding: 0;
    }
    

    Don’t forget to add your header image to your images folder and name it logo.png.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #73910

    Mye
    Participant
    Post count: 14

    Perfect! Thank you Brad! :)

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.