Change out Icons

Read More

Check for Children

Want to be able to use one condition which includes or excludes pages based on weather they are children of a specific page? Add this code to functions.php:

then use this in your page template:

Read More

Clearfix

In the event we are dealing with some situation where it is not convenient to add the clearfix class (which is available frequently including in JumpStart), we can add the styling to the div that needs clearfix. So if we had markup like:

we could add this css to clear:

Read More

Complex Query Over-rides

Read More

CSS Columns

Need to style code into columns. This is for simple auto-generated paragraph in a post or page.

or for three col:

or four:

Read More

CSS3 Drop Shadows

This is simple stuff, but good code to keep handy. This covers all current major browsers and add backward compatibility for ie. The first number is horizontal shift (right is positive), 2nd number is verticle shift (down is positive), 3rd is radial blur and forth is, in this case hexadecimal color (#3d424d is a dark […]

Read More

Custom Bullet Icons for Lists

I prefer this method because it gives me more control over bullet position.

and the css (adjust padding based on the size of the image):

In this case I used this image (your url path in line 2 above will depend on your site structure): or use bootstrap: http://fortawesome.github.io/Font-Awesome/icons/

Read More

Custom Grid with Pagination

Read More

Detect Shortcode

Read More

Display List of Related Pages from Hierarchy in Sidebar

Linked pages related to the current page. If is root page shows itself as title with all children below. Else shows immediate parent as title with all pages at its level below (depth can be changed, with -1 showing all without hierarchy).

Read More