Minimal Footer Credit Code Sample

Bookmark and Share

I personally prefer a simple footer credits area that doesn’t distract from the site but gives credit with seo text and is visible only if you are looking for it.

The following is the source code for how to make a simple, subtle line of text that requires you to hover over it to see it at full opacity.

This code was placed in a plain text widget in the Footer sidebar:


<div class="tinycredit" align="center"><a class="tinycredit" href="http://www.turningminds.com/">Genesis StudioPress Website Design</a> by Turning Minds founder and CEO &#8211; Justin McCullough</div>

Here’s the CSS code I used:


.tinycredit {
  color: #717171;
  font-family: &#8220;Helvetica Neue&#8221;, Arial, Helvetica, sans-serif;
  letter-spacing:2px
  font-size: 8px;
  filter: alpha(opacity=65);
  opacity: 0.65;
  margin-top: -40px;
}
.tinycredit:hover {
  color: #717171;
  font-family: &#8220;Helvetica Neue&#8221;, Arial, Helvetica, sans-serif;
  letter-spacing:2px
  font-size: 8px;
  filter: alpha(opacity=95);
  opacity: 0.95;
}
.tinycredit a {
  color:  #ED702B;
}

While this StudioPress theme has a footer area, I use the Genesis Simple Edit plugin to edit the default footer text this Genesis theme. I also used the Genesis Footer plugin to extend the theme footer to an additional footer area outside the themes footer.

Useful? Share it. And Go Ahead, Leave a Comment.

I'm absolutely delighted to have your attention and interest. It's my hope that great things are happening in your life and work. Thanks for being a part of something special. Please say hello anytime and by all means, please share this post if you found it useful.- Justin
  • http://twitter.com/wmwebdes Keith Davis

    Love the tutorial Justin.
    Genesis footer credits can be a bit of a minefield and a tut like this makes it all very easy.

  • http://excelexperts.com/obtain-levels-more-rapidly-avengers-alliance avengers alliance manual

    Hey would you mind letting me know which web host
    you’re utilizing? I’ve loaded your blog in 3 completely different web
    browsers and I must say this blog loads a lot quicker then most.
    Can you recommend a good internet hosting provider at a fair price?
    Kudos, I appreciate it!