From the BlogSubscribe Now

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.

Come on In. Get Insider Info. Build Your Business

With key leadership and business development roles, I've impacted millions of dollars in growth for clients and employers through my years spent in ecommerce, web development, ad agencies, newspapers, and book publishing.

Right away you'll also get my free ebooks and private resources.

Justin McCullough About Justin McCullough

Justin is a business builder, speaker and author. Over the last 15 years, he has delivered more than 500 critical projects ranging from launching businesses, websites, ecommerce sites, custom apps, newspapers, magazines, books, advertising campaigns, and strategic marketing initiatives. Co-workers, vendors, and clients work with Justin because he listens, clarifies the ambiguous, sets goals, inspires action, and delivers results. Justin is married, the father of two young boys, and Christian. He likes smart people like you!

Add Your Comments

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

  2. 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!

Speak Your Mind

*