Adding FontAwesome Icon to CSS

October 20, 2017 (6 years ago)
CSS

To add an icon using only CSS (for example, before list items), use this code:

Of course, you’ll need to have the FontAwesome font installed on your site.

Get the unicodes for icons here:  http://fontawesome.io/cheatsheet/

Load Child and Parent Style CSS

October 15, 2014 (9 years ago)
CSS, WordPress

If you are creating a child theme, you have two choices that load faster than using @import in your child style.css file.

1. You can add the parent style link to the child header.php, just above your normal css link.

 

2. You can add this to your functions.php file.

 

 

Make a Table Mobile Responsive

July 31, 2014 (10 years ago)
CSS, Responsive Design

If you’re using display:table, rather than a real table, for layout, this CSS will make it mobile responsive:

 

Mobile Nav without Javascript

June 26, 2014 (10 years ago)
CSS, Responsive Design, WordPress

I wasn’t happy with the JS (or jQuery) mobile menu solutions I had been using. They always seemed to have some sort of a glitch.

My solution was to build a mobile nav which gets the menu items  with wp_get_nav_menu_items() and then display them as a select drop-down. A little bit of CSS styling on the select box, and voila! A nav menu that works perfectly every time!

Here’s the navigation code:

 And here’s the CSS:

 

 

Center UL inside Div

June 20, 2014 (10 years ago)
CSS

For those times when you want a nav menu centered in the container. Does not affect the alignment of the individual navigation links.