How to make a sticky footer in WooThemes Canvas in 10 minutes

Footer Widget Manager was one of the first Canvas Extensions we released and it’s been really popular. So it’s nice to be able to give it an update and add a feature that many of you have asked us about – sticky footers!

Like all our Canvas Extensions, we want them to blend in Canvas as much as possible, so the new sticky footer options work cleverly with both the footer widget area in Canvas and the Canvas footer.

Add in a few cool options, like drop shadows and full mobile controls and it is really quite powerful.

Screenshot 2014-11-12 15.51.10

Below is a free video tutorial of how it works. As usual – we would love to hear your comments. You can pick up a copy Footer Customizer on the store.

Step 1 – Introductions to footers in Canvas (skip if you know Canvas well already)

Step 2 – Install Footer Customizer and take a look around

Step 3 – Configure options and add widget content for call to action

Step 4 – Make it look nice with margin options and button styles

Here is the custom CSS I used for the button:
[box]

.footer-button {
margin: 0 !important;
border-width: 2px !important;
border-color: white !important;
}
[/box]

Enjoy!

Leave a Reply

Your email address will not be published. Required fields are marked *