CSS Tutorials

Show and Hide Different Content On Mobile Devices & Desktops

You don’t always order the exact same pizza, so why display the exact same content on mobile devices AND on desktops? Here’s how to show and hide different content on mobile devices and desktops. The first thing you need to understand is that there are MANY ways to show and hide content on mobile devices…

Read More

What is the difference between padding and margin?

This is a beginner tutorial, if you’re familiar with margin and padding you might want to skip this one. We love getting emails from you guys with all sorts of interesting questions and ideas and one recurring question that we’ve received many times is “what is the difference between margin and padding”? This guide will…

Read More

Make a DIY sticky header in Genesis (WordPress)

It’s something that I’ve seen in a lot of websites recently and oddly enough… a client asked me for it just this week. After gettin’ my nerd on and trying a bunch of convoluted ways to make the header sticky, I DIY’d it and made a super-simple version that I want to share with you……

Read More

Genesis Column Class Cheatsheet

I don’t know about you, but probably 97% of websites we make have columns on the homepage. It’s a nice way of displaying short intro content and makes it a bit more visually interesting than free flowing paragraph text (like what you are reading now).  What’s cool about Genesis + Dynamik Website Builder is that…

Read More

How to remove that stubborn submenu outline

I don’t know why it requires CSS to fix this. Dynamik Website Builder has a ton of options.  To be more specific (as I can be without spending the rest of my day counting) it has HUNDREDS of options. You can change colors, font, width or basically every little tiny piece of a website… but…

Read More

LOOKIN’ GOOD: How to add icons to your menu navigation

Notice anything new here? Look up.  Up. No, not at the ceiling… up above this text in the menu bar. Checkout the menu entries for the Toolkit, Designs and Wp Triggers… see those icons? [looks up… starts to salivate] BOOM! Awesome sauce in tha house (actually.. it’s on the menu!) Want some of that sauce?  This…

Read More

Make Images Spin Using a Bit of CSS

Sometimes just a little WOW makes a big difference. Ever since we launched the Web Designer’s Academy, people have been asking about that fancy red spinning nametag in the sidebar. See it over there? Move your mouse over it. It spins! Cool, right? It’s a simple css effect that adds just a little something interesting to a page.…

Read More