Linking Custom Header to Home

• 

  dinaravila · Member · May 28, 2013 at 2:54 am

  • Copy link
  • Add topic to favorites

  Been trying to find CSS code to make my custom header link back to my homepage. My theme is Mistylook but has been upgraded to a custom design.

  Many thanks in advance.

  The blog I need help with is leeksoupblog.com.

  The blog I need help with is: (visible only to logged in users)

• 

  justpi · Member · May 28, 2013 at 3:55 am

  • Copy link

  You cannot just “find” such a code: you have to create a trick.

  Paste this into a Text widget (if you’re already using one, better paste it into that widget):
  <a href="http://leeksoupblog.com/"><div id="headerlink"></div></a>
  That’s an empty div that links to your homepage.

  Then paste this in the CSS editor:

  #headerlink {
      height: 200px;
      width: 1000px;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #456789;
  }

  This should turn the div into a blue rectangle in front of your header. The color is added temporarily, so you can see exactly where the rectangle falls. Turn the zeros to pixel values, if you need to adjust the distance from the top and/or the left, change the height and width, if you need to adjust the dimensions, then remove the bg color rule.