Customize Canvas Theme Right and Left Sidebar Widths and Fonts

August 18, 2015 11:43 am
More videos
141
Views
   
PluginForage.com Member

Create an eCommerce Store With WordPress
& WooCommerce & Canvas Theme Part 5

This video tutorial we will:

  • Customize Canvas Right and Left Sidebar Widths
  • Explore Media Queries
  • Add Some Media Queries & CSS Rules to Our Child Stylesheet
  • Customize Fonts in the Canvas Settings
  • Add the WP Editor for a Better Theme Files Editor

To follow this tutorial you need to have a child theme so you can customize the widths of the sidebars and main content area. If you haven’t been watching every tutorial, I created one to show you how to create a Child Theme for Canvas.

Find out where your website ranks with your chosen keywords in Google, Yahoo and Bing.
14 day free trial. No credit card required.

Code Snippets:

@media only screen and (min-width: 980px){
.three-col-left #main-sidebar-container, .three-col-middle #main-sidebar-container, .three-col-right #main-sidebar-container {
    width: 77.87%;
  }
}
@media only screen and (min-width: 980px){
.three-col-left #main-sidebar-container #main, .three-col-middle #main-sidebar-container #main, .three-col-right #main-sidebar-container #main {
    width: 72.36%;
  }
}
@media only screen and (min-width: 980px){
.three-col-left #main-sidebar-container #sidebar, .three-col-middle #main-sidebar-container #sidebar, .three-col-right #main-sidebar-container #sidebar {
    width: 25%;
  }
}
@media only screen and (min-width: 980px){
#sidebar-alt {
    width: 20%;
  }
}

You can grab the entire child theme as it is up to the point of the end of this video here

Premium WooCommerce Extensions, WordPress Plugins & Themes Only $10 or Free with Membership

Do You Need a Copy of Canvas so you can follow along?

I am providing the viewers of this series a free copy of the Canvas Theme so you can follow along.

Premium WooCommerce Extensions, WordPress Plugins & Themes Only $10 or Free with Membership

Simply use this coupon code at checkout: ecommerce

Go here to get the Canvas Theme

Visit PluginForage.com to get Premium WooCommerce & WordPress Plugins & Themes for only $10/ea.

(141)

Share your thoughts!