WooThemes Canvas tutorials


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

Visit the Academy


WooThemes Canvas tutorials

Woothemes Canvas is no longer being developed

Woothemes Canvas is no longer being developedHow we migrated to a new theme  We received confirmation this week that WooThemes Canvas is no longer being developed and that WooCommerce (formally WooThemes) are advising customers to start looking at moving their sites across to a new theme.  My assumption is that this spells the end for Canvas. It's been a great theme, but it's time to move on.  From Woo Support:"Regarding […]

How to create a blog design like WooThemes and Medium.com using WooThemes Canvas

We want to join with our friends across the atlantic to celebrate Independence Day this weekend, so here is a new tutorial inspired by our 'special relationship' ;) Blog posts with full width thumbnail images with titles on top... It seems that this design concept is very popular at the moment, with many blogs adopting an impactful full width image, with the blog title directly on top and a centred […]

Menu Customizer for WooThemes Canvas gets even more mind-blowing

[box type="tick"]Menu Customizer 2 beta release is now in customer accounts. It will be rolled out to customer sites for plugin update notifications in stages over the next few weeks. For more questions, please see our note on the support forum.[/box]   Great products evolve. It all started with our Menu Pack for Canvas back in 2013. This was 5 beautiful menus in one extension. Then we had some fun with our […]

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 for our customers. So we thought we'd develop an extension to help Canvas users customize their shops easily and […]

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 […]

Go mobile-first with Mobile Menu Customizer 2 for WooThemes Canvas – video tutorial

In September 2014 mobile traffic to retail websites overtook desktop traffic for the first time ever, rising to 52 per cent of all traffic. Source. We released Mobile Menu Manager last year because we know a lot of you are focussed on your mobile responsive sites. We've listened to some of the features you wanted and so version 2 (renamed Mobile Menu Customizer) gives you some great new options, including: […]

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 I show you how I create the home page - with no coding or html needed.  If […]

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 inspiration for your own websites in the examples shown. [button link="http://www.pootlepress.com/50-beautiful-canvas-sites-e-book/" size="large" bg_color="orange"]Click here to get your free […]

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"]Submissions are now closed as the ebook has been published. Pick up your free copy here. [/box]  

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 out the header in mobile view allowing you to show off your content more immediately. 2. Header and full […]

7 reasons why Canvas Page Builder 2 is going to make you happy [sneaky peek]

It's no secret that Canvas Page Builder is our most popular Canvas Extension. As well as supporting it every step since it's launch in June this year, we have been working on a few enhancements based on our continued use of it for customers of our WordPress Xpress days and, more importantly, your feedback. We're hoping to launch it next week and so here are a few 'sneaky peek' screen […]

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 product page for each product. The reason for this might be because potential customers have […]

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 by 5 cups of tea! Each menu below has some of the options and […]

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 for Page Customizer and Mobile Menu Manager, but today we want to take time to show you something we're really excited about - […]

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 past couple of weeks, so I thought I should put together some video tutorials to show you some of the coolest […]

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. What's been really cool, is thinking around what can be done by combining different extensions. In this 5 minute video tutorial we show you […]

How to create long scrolling pages with full width rows with Page Customizer & Page Builder for WooThemes Canvas

We have been hard at work developing our new extension Page Customizer which gives you the ability to have page level control in Canvas. Options include full width pages, background images, background colors, hiding elements and mobile options too. Not only this but you can also set these options site-wide and then turn them off on individual pages! This gives you a huge amount of control. Combine this with the […]

Video demo of a fully customisable WooCommerce landing page built with Canvas Page Builder

I received an email this morning asking if it was possible to create a customisable WooCommerce landing page with our new Canvas Page Builder plugin and our upcoming Page Customizer plugin. The answer is yes - and here's a little video (no sound) that shows you how easy this is :) If you have any questions, please leave a comment below. Video (no sound) Screenshot

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 flexibility and power of desktop publishing would cause a massive reduction in the quality of printed output. Whether they were […]

How to get a horizontal sub-menu in WooThemes Canvas

[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 CSS skill to achieve. It's now 5 minutes work! As usual, please let us know what you think in the comments below! 1. Introduction […]

Sneak preview – Canvas Page Customizer

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 features that have been developed since I shot the video. Page Customizer also works beautifully with our Page Builder extension. […]

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 test it a bit. That would be the sensible thing to do. Cue Dave the Incredibly Talented Designer. […]

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 re-developed it from the ground up! Sticky Header mark II now plays nicely with every Canvas feature, […]

Full width rows with customizable backgrounds for Canvas Page Builder [sneak preview]

Rows. It's all about the rows. As soon as we launched Canvas Page Builder, many of you told us that you'd love to be able to add background colours and background images to rows and have them go full width so you can create stunning long scolling full width sites with sections. We agreed (& to be honest didn't need convincing as that's what we wanted too!) So this is […]

Sneak preview – Canvas Page Builder

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 make page building super-fast and also worked hard to make all of the widgets that come with Canvas play nicely. […]

Get a Pinterest style ‘Masonry’ effect for WooThemes Canvas (with Infinite Scroll)

[box type="tick"]You can buy Masonry Blog now for $19 from the PootlePress store[/box] When we started Canvas Extensions, one of the first ones we wanted to develop was a Masonry extension. It was one of the first ideas on our ideas board - and one of the most popular! It works with the Magazine Template in Canvas (specifically the post grid feature) and allows you to have 2 3 or […]

Video Tutorial – Blow your visitors away with an auto-playing looped full-width homepage video [for WooThemes Canvas]

[box type="info"]Please note: Featured Video for Slider for WooThemes Canvas is no longer for sale.[/box] Have you seen the latest trend for homepage videos that auto-play in a full width slider? If not, check out Zendesk and PayPal (which do at the time of writing). We think this is a seriously nice effect and we didn't want any Canvas users to be left behind. So in this 6-part video tutorial we're […]

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. We thought this was a shame - and so did you guys - so we've created a new Canvas Extension - called 'Replace Header […]

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 very American (nothing wrong with that) and it seems as though every web company has adopted it. However, in […]

Make Mind-blowing Mobile Menus for WooThemes Canvas – new Canvas Extension

[box type="tick"]Purchase Mobile Menu Manager now from the PootlePress store and get the settings for these 5 beautifully simple menus included[/box] More and more of your traffic is coming from mobile devices. So why leave your mobile menu the way it comes with Canvas - plain and boring? The reason most people leave it this way, is that they either can't be bothered with tackling all the CSS involved - […]

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 page or homepage. Icons for Features works with Font Awesome Icons - a superb free set of icons that are […]

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 patience! Centering the logo inside the primary navigation is not possible without some tricky CSS (and even Javascript if you […]

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 to do it: 1. Go to Canvas Theme Options 2. Select […]

Video – How to create a majestic menu like Apple.com with WooThemes Canvas

[box style="info"]Papple is no longer for sale as a separate plugin. However you can use Menu Customizer to create a menu just like it. Check out Menu Customizer for Canvas.[/box] It is fair to say that at PootlePress we are fans of most things Apple related. So when we were dreaming up ideas for Canvas Extension menus, it wasn't long before we thought of Apple.com But took us ages to […]

How to center your logo & menus in WooThemes Canvas

[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 require a CSS tweak (see our comprehensive list of Canvas CSS tweaks here). But we know not […]

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 this with no coding! You can buy Sticky Header from the PootlePress store. We'd love to […]

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 text and align left with CSS Here is the code for step 3: […]

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 possible in the theme options area, rather than pre-set styles that would still need customization. […]

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 were able to create this stunning feature. We also love sharing our knowledge with you all, so […]

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 catalog on one page, or easily drill down to category specific listings. Great for tablet users. This step-by-step tutorial will help guide […]

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 activated your page will automatically load new posts as your reader scrolls down. It's particularly useful when you have lots of content.  Your content will become more sticky because your reader doesn't have to click any buttons or links to read more. Example video of Infinite Scroll working with WooThemes Canvas  […]

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  5 free Child Themes for WooThemes Canvas. [box]What is a WordPress Child Theme? A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme. Child theme allows you to modify, or add to the functionality of that parent theme. A child theme is […]

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.

Pootlepress Video interview with WooThemes Matty Cohen – Product Manager and Senior Developer

[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]Matty Cohen is Product Manager and Senior Developer at Woothemes. His technology vision has helped guide WooThemes to their current position as the number one WordPress theme and plugin development company (...and he also helped us develop the Pootlepress Canvas Menu pack!) Below I ask Matty about How he got started in web […]

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 WordPress websites are growing in popularity because they work beautifully on desktops, phones and tablets. This tutorial will teach you how to create a single page website with any theme (the theme we used in the video is Canvas from Woothemes). You will learn how to create animated 'super smooth scrolling' from […]

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 frameworks such as Canvas, Thesis, Genesis, and Pagelines are often updated. The following tutorial shows you the best way to keep your theme up to date.

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.