Simple Catch theme – linking custom header logo?

  • Resolved silico26

    (@silico26)


    11 years, 5 months ago

    hi, here is the custom css for my header logo. it makes the logo appear much larger than the template default, which i am happy with (i intended it this way). 

    h1#site-title a {
color: transparent;
}
h1#site-title {
background: url("http://devynconstruction.com/logo.png") no-repeat scroll 0

    is there anyway to link this image back to my home page? if so, how would it be done? my site is here.

    thanks in advance

Viewing 7 replies - 1 through 7 (of 7 total)
  • Brad Davis

    (@brad-davis)

    11 years, 5 months ago

    Hi, your image that you are using as a place holder that your link wraps around is just way to small. If you change the css to the following, it will increase the size of your place holder image to about the same size as your logo and make it appear like it is the link.

    h1#site-title a img {
    float: left;
    height: 204px;
    padding-right: 0px;
    width: 550px;
    }

    Thread Starter silico26

    (@silico26)

    11 years, 5 months ago

    thanks for your reply. i inserted this code into my custom css and it made the top half of the image appear linked perfectly… the bottom half however, is not a link. i tried adjusting the height from 204 to 500, but still stayed the same. strange!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 5 months ago

    Try displaying the image as a block element (though CSS).

    Thread Starter silico26

    (@silico26)

    11 years, 5 months ago

    @ andrew – i added

    display: inline-block

    to my custom css, so it looks like this

    h1#site-title a img {
display: inline-block
float: left;
height: 504px;
padding-right: 0px;
width: 550px;
}

    didn’t seem to fix the issue. did i do it correctly?

    WPyogi

    (@wpyogi)

    11 years, 5 months ago

    There is a max-height on that element here in the parent style.css file:

    h1#site-title a img {
    float: left;
    max-height: 90px;
    padding-right: 20px;
}

    Thread Starter silico26

    (@silico26)

    11 years, 5 months ago

    @ yogi, good eye, now works perfectly. thank you! final code in my custom css:

    h1#site-title a img {
float: left;
height: 504px;
max-height: 185px;
padding-right: 0px;
width: 550px;
}
    Brad Davis

    (@brad-davis)

    11 years, 5 months ago

    sorry, forgot about the max-height element…. my bad!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Simple Catch theme – linking custom header logo?’ is closed to new replies.