WooThemes Canvas tutorials


Want more tutorials? Join the Pootlepress Academy to unlock member-only tutorials

Visit the Academy


WooThemes Canvas tutorials

WooCommerce Customizer for WooThemes Canvas [Sneak preview video]

[box type="tick"]Available now from the store[/box] One of the things we love about Canvas is that it is developed by WooThemes, who also develop WooCommerce, so you know their going to play nicely together. Having said this, there are a lot customizations we do with Canvas to make shops look unique

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 poss

How to build a website like Strava with WooThemes Canvas [Video]

If you cycle then you probably know the website Strava. It's a really clean and beautifully designed website. I thought it would be fun to show you how easy it is to create a site like Strava just using the Canvas theme from WooThemes and a few PootlePress Canvas Extensions. In the following videos

50 Beautiful WooThemes Canvas websites [free ebook] now available

PootlePress has brought together 50 beautiful Canvas websites. We’d like to thank our customers for submitting 95 websites to be considered for inclusion in this ebook. It was a really difficult task narrowing these down to just 50 as all the sites were of a very high standard. We hope you find in

Submit your WooThemes Canvas website [to be included in our free ebook]

We're publishing a free ebook called 'The 50 most beautiful WooThemes Canvas websites'. We'd love you to submit your site, or a site you've built with Canvas. We want this to be a useful resource and inspiration for the community of Canvas users, so please don't be shy. [box type="alert"]Submissi

7 new features: Canvas Page Customizer 1.3 released

This morning we have released a significant update to Page Customizer for WooThemes Canvas. As well as some tweaks and bug fixes we have also introduced the following new features: 1. Hide header in mobile view Sometimes in mobile view you want to get straight to the point. This enhancement takes ou

Replace the Add to cart button on the WooCommerce shop page

This was SOOO frustrating! I couldn't find the documentation for this anywhere. I finally figured it out and so I wanted to share it with you. This is if you want to replace the Add to cart button on the WooCommerce product archive page (shop page) with a normal button that links to the single produ

5 lovely menus made in one afternoon with Menu Customizer (& 5 cups of tea)

You may know that in England we drink a LOT of tea. These menus were all created in one afternoon with our newest plugin Menu Customizer for WooThemes Canvas. The main thing I needed (other than Menu Customizer) was a tea break between each one to keep me going. So here they are... 5 menus powered b

New Canvas Extension – Menu Customizer [Preview Video]

[box style="tick"]Menu Customizer has just got a major update! Check out Menu Customizer 2 for Canvas.[/box] We've been hard at work over the summer, both taking holidays with the family (sometimes hard work!) and developing new functionality for Canvas. In the coming months we have major upgrades f

10 Canvas Page Builder and Page Customizer tips and tricks (now 13)

We’ve been blown away by the incredible sites you have been building with Canvas Page Builder and Page Customizer. What’s been really exciting to see is the level of creativity that the combination of Canvas and these two plugins has unleashed. We’ve been getting some common questions over the

How to get cool social icons in your Top Nav [WooThemes Canvas – video]

[box style="info"]Top Nav Manager and Font Awesome Menus have now been included as features inside Menu Customizer! Therefore it is no longer for sale. Check out Menu Customizer for Canvas.[/box]   Lately we've been working really hard to make all our Canvas Extensions play nicely together. Wha

5 ways Page Builders are going to radically shake up WordPress!

Jeff over at WPTavern has just published this post "WordPress Visual Page and Website Builders Make It Easy To Create Ugly Sites". It's a really interesting point Jeff makes. The same argument was made when desktop publishing arrived in full force in the 1980's. Back then typesetters argued that the

How to get a horizontal sub-menu in WooThemes Canvas [video tutorial]

[box type="info"]Please note: this plugin is no longer for sale.[/box] Our new Canvas Extension, horizontal sub-menu allows you to change the default vertical drop-down menu to a much cleaner horizontal sub-menu. This is something that, until now, would have taken a considerable amount of time and C

Sneak preview – Canvas Page Customizer [video]

We've received lots of feedback that you would like greater control over your Canvas pages. So very soon we'll be releasing the Page Customizer extension for WooThemes Canvas. Below are a couple of videos that walk you through some of the major features. Note: we're also adding some cool mobile feat

When Dave the Incredibly Talented Designer met Canvas Page Builder

You may have already heard that we’re crazy excited about our new Canvas Page Builder extension. We think it’s truly ace. Spectacular. And dare we say it, awesome. Amongst our excitement, we managed to get a hold of ourselves long enough to think that maybe we’d better get someone else to road

Sticky Header is dead… long live Sticky Header (2)!

Sticky Header is one of the most popular Canvas Extensions but it was also one of the first we developed. We've learn't and lot since then, so when we realised that Sticky Header was causing more support requests than all the other Canvas Extensions put together, we decided to kill it and completely

Sneak preview – Canvas Page Builder [video]

We've been working hard at PootlePress on a major release for WooThemes Canvas users. Canvas Page Builder is a fork of a popular Page Builder by SiteOrigin. We've worked really hard to make this work beautifully for Canvas. Canvas Page Builder works with widgets. We've create a few new widgets that

How to create a contextual header effect in WooThemes Canvas

[box type="tick"]You can purchase the Replace Header Imager per Page Canvas Extension from the PootlePress Store for $10[/box] One of the limitations in Canvas is that you can only set one header background image for the whole site. This severely limits the design, look and feel of Canvas sites. W

Awesome Icons for your WooThemes Canvas Menus

[box style="info"]Font Awesome Menus has now been included as a feature inside Menu Customizer! Therefore it is no longer for sale. Check out Menu Customizer for Canvas.[/box] Being a small company run by a couple of British guys, we often debate the overuse of the word 'awesome'. To us it sounds ve

Video Tutorial – Easy Icons for WooThemes Features

WooThemes have launched a lovely new free plugin called Icons for Features (available in the WordPress repository) that works with their very popular Features plugin. The Features plugin gives you another post type (like a page or a blog post) and also a nice widget to add features onto a widgetized

Video – How to center a logo inside the navigation for WooThemes Canvas

[box style="info"]Logo Inside Nav has now been included as a feature inside Menu Customizer! Therefore it is no longer for sale. Check out Menu Customizer for Canvas.[/box] There are lots of things we want to do with WooThemes Canvas (and WordPress), but sometimes just don't have the time, skills or

How to remove WooThemes Logo in footer – Canvas

Removing the WooThemes Logo in the footer of Canvas is one of those things that is really easy to do, but really hard if you can't find the option. We know from training lots people that this one is a frustration. Some people even resort to code, when you can do it in a few easy clicks. Here's how t

How to center your logo & menus in WooThemes Canvas [video tutorial]

[box style="info"]Center logo and menus is now a feature inside Menu Customizer! Therefore it is no longer for sale as a separate plugin. Check out Menu Customizer for Canvas.[/box] One question we get asked a lot is "how can I easily center my logo and menus in Canvas?" Well, before now it would re

How to create a sticky header in WooThemes Canvas

We launched Canvas Extensions with Sticky Nav and straight away you started asking us about how to make the whole header area, including the logo sticky. Well - this is how! In this 5 minute demo of our newest Canvas Extension (imaginatively titled) Sticky Header, you can see how easy it is to do th

How to add social icons & contact info to the header in WooThemes Canvas

This is a common request we see about the place on our Academy Support Forums and blog comments, so we decided to do a quick video tutorial for you. More more like this join the PootlePress Academy! Introduction Step 1 - the header widget area Step 2 - adding social icons Step 3 - take out unwated t

Want fantastic footers? Meet our newest Canvas Extension… [demo video]

When we launched Canvas Extensions we asked you to vote on which extensions you want to see developed next. To my surprise (but not Jamie's), Footers came out top: So we quickly got to work, planning out the best way to do this for you. Early feedback indicated a preference for as many options as po

Video tutorial: How to create a beautiful hero concept in WooThemes Canvas

[hr] Please share this tutorial: Tweet [hr] On one of our recent WordPress Xpress days we were challenged by a really creative design concept (specifically how to create a header, navigation and main image all to look like one stunning hero area). Luckily we know a thing or two about Canvas, so we w

New video tutorial – Superstore by WooThemes

Yesterday we launched our 22nd video course to the PootlePress Academy. This time we're into e-commerce, or more specfically - WooCommerce. Superstore is a WooCommerce theme designed to cater for lots of products. It has infinite scroll on shop pages so your customers can view your entire shop catal

How to add Infinite Scroll to WooThemes Canvas in 2 simple steps

[twitter style="horizontal" float="left"] [fblike style="standard" float="left" showfaces="false" width="450" verb="like" font="arial"] [pinterest count="horizontal" float="left"][google_plusone size="standard" float="left" annotation="none" language="English (UK)"][divider_flat]With Infinite Scroll

5 free Child Themes for WooThemes Canvas

[twitter style="horizontal" float="left"] [fblike style="standard" float="left" showfaces="false" width="450" verb="like" font="arial"] [pinterest count="horizontal" float="left"][google_plusone size="standard" float="left" annotation="none" language="English (UK)"][divider_flat]We've just released

65 tips, tricks and CSS tweaks for WooThemes Canvas

Below are 65 tips, tricks and CSS Tweaks to help you further customise the Canvas Theme from WooThemes. We will add further tweaks and tips to this post as we find them. If you have your own tweaks please let us know and we will add yours to the list.

Video tutorial: How to create a single page WordPress website

[twitter style="horizontal" float="left"] [fblike style="standard" float="left" showfaces="false" width="450" verb="like" font="arial"] [pinterest count="horizontal" float="left"][google_plusone size="standard" float="left" annotation="none" language="English (UK)"][divider_flat]Single page WordPres

Video tutorial: The best way to upgrade a WordPress theme framework

[twitter style="horizontal" float="left"] [fblike style="standard" float="left" showfaces="false" width="450" verb="like" font="arial"] [pinterest count="horizontal" float="left"][google_plusone size="standard" float="left" annotation="none" language="English (UK)"][divider_flat]WordPress theme fram

30 simple (but useful) WooThemes Canvas CSS tweaks

You can do so many cool things with Canvas without having to dive into any code. However, there are times when you'll want to tweak Canvas and with that in mind, I've put together the following list of 30 useful CSS tweaks.