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

Grid Display Filters for Jumpstart

All three filters for jumpstart 2.0 framework:

A list of the parts with defaults

Read More

Back Button

A jquery back button:

Your html would be:

Plus whatever css you want to use to style the button.

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

100% Height Sidebar

Say you want the background and/or border of the sidebar to extend the full height of the page…

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

Get Image ID from Source

Finds the image id given the source. Or returns false.

Read More

Multi-site Menu (experimental)

Starting in 4.7 using REST API – This is JumpStart specific. On “host” site:

On “receiving” site:

JQuery to add current classes (coming soon):

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

Sidebar Hooks for Jumpstart

jumpstart sidebar hook locations:

Read More