After I released the most recent Theme Lab redesign, I had a number of comments on the “bio dropdown” box I have up in my navigation bar. I coded it with just a few lines of CSS along with a background image.

In this CSS tip post, I’ll go over how you can have a similar hover effect on your own sites.

Read More

I’ve been asked a few times about which WordPress plugin I use to generate the “Twitter Feed” list in the footer of my site. I actually don’t use a plugin at all, it’s a snippet of Javascript from Twitter that displays a list of my recent tweets that I styled with CSS. In this tutorial, I’ll show you:

• The necessary HTML and Javascript code to pull the latest tweets
• An overview of the HTML markup and associated CSS selectors
• Two examples of custom-styled Twitter widgets I’ve used myself

Read on to see the rest of the tutorial…

Read More

If you’re not familiar with the WP-PageNavi WordPress plugin, it allows you to replace normal previous/next navigation with a more advanced, numbered paging navigation. This is a feature I’ve included on a number themes I’ve developed, including RS16, Blogwave, RS17, and Bright Spot.

In this tutorial, I’m going to go over how to:

• Install WP-PageNavi and properly integrate it in your theme.
• Two methods to disable and/or override default plugin styles.
• An overview of the HTML markup output by WP-PageNavi
• Finally, how to alter the look of your page navigation through CSS

Read More