top menu

30 simple (but useful) WooThemes Canvas CSS tweaks

UPDATE: We have now updated this list to work with the latest version of WooThemes Canvas. Check out our new 65 tips, tricks and CSS tweaks for WooThemes Canvas post. 

The WooThemes Canvas theme framework from Woothemes is in my view, the most flexible and powerful WordPress theme available.

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.

Note: many of these CSS customisations have been sourced by trawling through the woothemes forums in an attempt to include the most popular and useful requests. If you have your own useful Canvas CSS tweak, please let me know and I will add it to the list!

Check out more Woothemes Tutorials on the Pootlepress Academy

ALSO…

Check out our brand new Menu Pack for Woothemes Canvas

pootlepress menu pack

Create beautiful menus with 1 click

WATCH A VIDEO DEMONSTRATION

 

Just add the following bits of CSS to your custom.css file (dashboard/appearance/editor) and sit back and marvel at your work.


Share on Facebook, Twitter and Google+

30 Canvas CSS tweaks

#1: Remove Page Titles

.page .title {
display: none;
}

#2: Remove page title from a specific page
Change the page id 200 for this one to work

.page-id-200 .title {
display: none;
}

#3: Remove image border

.entry img, img.thumbnail {
  background: none;
  border: medium none;
  padding: 5px;
}

 

#4: Change colour of drop down menus

/* Changes the default background color of the drop down menus */
.nav li a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-menu-item a, .nav li.current_page_item li a, .nav li.current_page_parent li a, .nav li.current-menu-ancestor li a, .nav li.current-menu-item li a, .nav li.sfHover a { background:#D0D9E0; }
/* Changes the hover background, text and text shadow color  */
.nav li ul li a:hover, .nav li.sfHover ul li a.sf-with-ul:hover { background:#316594; color:#FFFFFF; text-shadow:0 1px 0 #000;}
/* Changes the default background color of a drop down menu with a child */
.nav li ul li, .nav li.sfHover ul li a.sf-with-ul { background: none repeat scroll 0 0 #D0D9E0; }

 

#5: Change the header image per page

To change the header background image per page use the following. xxxx is whatever the page id number is for the page.

.page-id-xxxx #header {
    background: url("imageurl") no-repeat scroll 0 0 transparent; }

#6: Remove next/previous buttons on Magazine slider

  .magazine #loopedSlider a.previous, .magazine #loopedSlider a.next {
  display: none;
}

#7: To change the colour and transparency of block text on sliders

#loopedSlider .content p, #loopedSlider .content h2 {
background:rgba(255, 255, 255, 0.7);
}

#8: Remove white space above the slider

#navigation {
margin-bottom: 0px;
}
.home .breadcrumbs {
margin-bottom: 0;
}

#9: Remove breadcrumbs from your homepage

.home .breadcrumb {
    display: none;
}

#10: Remove space between Header and Primary Navigation

#logo a img {
    display: block;
}

#11: Align top menu to the right

#top-nav {
    float: right;
}

#12: Change the background colour of Sliders

#loopedSlider .slides { background: #EEE;}

#13: Add padding to Wootabs

#woo_tabs-3.widget {
    padding: 0;
}

#14: Remove the footer on the homepage

.home #footer-widgets {
    display: none;
}

#15: Add underline hover to navigation items

.nav a:hover {
    text-decoration: underline;
}
We have now updated this list to work with the latest version of Canvas. Check out our new 65 tips, tricks and CSS tweaks for WooThemes Canvas post. 

 

#16: Customise caption style

.entry .wp-caption-text {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
}

 

#17: Delete Author and Post date

.post-meta { display:none; }

#18: Add rounded corners to Portfolios

#portfolio img {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#19: Add an image to the footer area

#footer {
background:url(<a href="http://link-to-your-image.com/image.jpg" rel="nofollow">

http://link-to-your-image.com/image.jpg</a>);

}

#20: Remove ‘comments are closed’ message

.nocomments {
display: none;
}

#21: Remove the words ‘You are here’ in breadcrumbs

.breadcrumb-title {
    display: none;
}

#22: Centre ‘Comments and Continue reading’

a.more-link {
    display: block;
    text-align: center;
}

.post-more {
    text-align: center;
}


#23: Centre Navigation

Change the value 400 to center

#main-nav {
float: none;
margin: 0 auto;
width: 400px;
}

#24: Change the background colour of Main Content

#main {
   background: #fff;
}

#25: Change Sidebar Background Colour

#sidebar {
    background: url("imageurl") repeat scroll 0 0 #FFFFFF;
}

#26: Remove the Header (completely!)

#header {
    display: none;
}

#27: Remove Space between Header and Navigation

#header {
    background-position: center bottom;
}

#28: Change the default height of the Magazine Grid

.magazine .block { min-height: 400px; }

#29: Change font for a single post

1066 is the id of the post in question

.postid-1066 .entry, .postid-1066 .entry p {
font: normal 16px/1.5em Antic;
color: #555;
}

#30: Change Category link colours

.post-meta a:link, .post-meta a:visited, .post p.tags a:link, .post p.tags a:visited
{ text-decoration: underline; color:#888; }

If you want more tutorials check out our Woothemes Canvas Masterclass on the Pootlepress Academy.

 

We have now updated this list to work with the latest version of Canvas. Check out our new 65 tips, tricks and CSS tweaks for WooThemes Canvas post. 

 

108 Responses to 30 simple (but useful) WooThemes Canvas CSS tweaks

  1. Laurie Edmonds May 16, 2012 at 8:50 am #

    This list should be added on to the WooThemes website under the Tutorials section!

    Quick question: how change you change the background image on a particular page?

  2. Laurie Edmonds May 16, 2012 at 9:26 am #

    One other quick question: how do you choose a featured image for a blog (for the sake of Facebook) but not have it display on the blog post itself? I’m assuming there’s a display: none command but I’m not sure what to prefix it with.

    • Ralph June 2, 2012 at 3:25 am #

      You dont need any specific code. If you you dont want your featured image to display into your single post, just go to Canvas > Theme Options > Dynamic Images…. Untick “Single Post – Show Thumbnail”

      • Snelleweb August 14, 2014 at 9:03 am #

        Hello, I have a featured image but when I share a url on Facebook it shows the logo and not the featured image.

  3. dean haycox May 16, 2012 at 10:48 am #

    Some really code there Jamie, I may use some of them as well.

    nice one

    deano

  4. Bronwyn May 31, 2012 at 10:58 pm #

    Hi thanks for this it’s really helpful but (and this maybe a stupid question but I’m new to wordpress) – where in the custom.css file to you put the code? Thanks!

    • Ralph June 2, 2012 at 3:16 am #

      You may want to go to Appearence > Editor. Look at the very bottom on your right, there you’ll find the custom.css file

  5. Ralph June 2, 2012 at 3:26 am #

    Great Post Jamie!

  6. Brian Kirk June 2, 2012 at 6:11 pm #

    Hi Jamie,
    I went to your custom.css file (dashboard/appearance/editor) as recommended but only the canvas.css file is there and it says DO NO EDIT.
    So where is the custom.css editor? Regards Brian

  7. Brian Kirk June 2, 2012 at 6:25 pm #

    Hmmm, Found the custom.css selection at the end of the list of sections to edit.
    Went to custom.css, pasted in tweak #3, then saved the edit. It has no visible effect, could this be because its not a thumbnail, Its a bigger image embedded in the main page ( using your upload to post technique to get the image uploaded and get the html snippet).
    Regards
    Brian

  8. Gina June 5, 2012 at 1:01 am #

    Thank you for posting these tweaks. I am a beginner and just downloaded the canvas theme. I wanted to get rid of the page titles and had an “interesting” experience. I copied and pasted the code in #1 as directed and updated. Nothing changed. Then I deleted your code, updated again, and the page titles were gone! That was great, but, unfortunately a few other things were gone as well. My static home page is fine, but my blog page opens to an error message saying the page is gone….Not a big deal because it’s a brand new website, still in maintenance mode. I have no idea how all this happened, but maybe my experience can be helpful to someone else.

  9. Gina June 5, 2012 at 1:20 am #

    I have an update. I moved the error page out of the menu and made a new blog page. Now all the page titles are back.

  10. Far June 24, 2012 at 12:07 am #

    Very useful, it helped me with “the remove titles from the pages’.
    Good job.
    Cheers.

  11. Thea June 27, 2012 at 7:58 pm #

    Great post Jamie, some very useful tips there.

    I wonder – as a variation of #4, is it possible to style the menu tab backgrounds in *different* colours? (The main backgrounds rather than the drop down elements)

    Thanks,
    Thea

  12. Fred July 3, 2012 at 3:38 pm #

    Remove title from pages also removes the title from the slider and the post grid. Is that supposed to happen?

  13. Marcus Tibesar July 14, 2012 at 8:02 pm #

    With all the new styling changes in the new Canvas version 5; some of these tweaks are outdated or no longer necessary.

    Recommend an update if time permits.

    Thank you.

  14. Stuart Edwards July 26, 2012 at 7:21 pm #

    This is gold!
    Nice one mate!

  15. yury rush August 3, 2012 at 12:50 am #

    Agreed – great post thanks so much! Canvas is a great framework your css above is very helpful.

    YR

  16. Ken August 16, 2012 at 8:05 am #

    Awesome tips!!

    I’ll be booking a course in next few weeks to brush up my woo canvas :)

    Just a quickie – how can I remove the padding at the top of the content area for a specific page (so the slider sits at the top of page).

    Ken :)

  17. joanna traynor August 16, 2012 at 3:26 pm #

    I have tried doing #4 and it doesn’t work – i don;t’ know anything about code so i changed the colour in the snippet to one i wanted – that’s all i did and then i copied it to custom css but it doesn’t do anything – i managed to move my bottom nag to right of logo using this method but i’m wondering if i’m not putting something at beginning or end or if i’m supposed to extract something? i want all my top nag drop downs to be white – and as posted by thea above, i’d quite like my nav tabs background colour to change too – can anyone help?

  18. joanna traynor August 16, 2012 at 3:27 pm #

    for nag read Nav sorry

  19. Lana August 18, 2012 at 4:46 pm #

    Wonderful tweaks! I’m working with #5: Change the header image per page

    I was able to get it to work on one page, but not any others. I’ve rechecked the image URL and page ID multiple times. Any ideas for troubleshooting? Thanks!

  20. pkitano August 25, 2012 at 9:50 pm #

    is there a code to remove the navbar completely? I thought

    .page .title {
    display: none;
    }

    would work but it does not.

  21. AWC August 29, 2012 at 3:06 am #

    Get rid of borders in the nav:

    #navigation ul.nav > li {
    border-right: 0px;
    }

  22. Dennis September 5, 2012 at 4:38 pm #

    Hello there,

    May I know how to remove site title and description in Canvas Wootheme?

    Thanks and Appreciate your help =)

    Regards,
    Dennis.

  23. eric September 10, 2012 at 9:29 pm #

    Great ideas. Thank you.
    #20 doesn’t seem to work for me. Any idea why?

    • Sue April 12, 2013 at 5:55 pm #

      I have the same problem too. I’ve been using this theme for over a year now and never been able to get rid of “Comments are closed”. I’ve tried this tweak and made sure that all the comments sections at canvas>generalsettings>display options are correct, but it still doesn’t work.

      I’ve even just tried to insert this snippet into the Custom CSS box at Canvas>General Settings>Display Options, but still no joy. Has anyone got any ideas?

  24. Bram September 24, 2012 at 6:01 pm #

    Can anyone tell me how to change the text in the ‘submit comment’ button under each comments section of a post? Tnx!

    • kele October 1, 2012 at 9:37 pm #

      All you need is to edit file “comments.php” which is in the root of your theme. Check out rows 18-19. To avoid any possible problems with functionality, never edit text if it has no
      ‘woothemes’
      after it. When you see something like “” then you can edit that text. Otherwise you can easily cause some problems if you translate or change text which is not meant to be changed…

  25. kele September 29, 2012 at 11:27 pm #

    Hi,

    Thanks for this awesome WooTheme, it can be highly customized, lots of great options, but I have a small problem that I cant fix.

    I want to change text “You are here” from breadcrumbs to something else, not to remove it. I searched through code but after few hours it ended with no results… Which file contain the code for breadcrumbs? Or is it somewhere in language settings?

    Thanks a lot.

  26. Question October 1, 2012 at 1:39 pm #

    Hi,

    Do you happen to know how I could remove the admin area in Canvas? So I’m talking about the Canvas link in the admin area. Hope you can help me out.

    Best regards.

  27. themaynedesign October 2, 2012 at 7:27 am #

    Nice list of tweaks for Canvas. You might want to tweak the first one as the code you have didn’t work for us, so try this:

    1: Remove Page Titles

    #logo .site-title {display: none !important;}

    1a: Remove Page Description

    #logo .site-description {display: none !important;}

    • Claire April 30, 2013 at 3:57 pm #

      Hi Jamie,

      Came on one of your WP training seminars – it was great! I see you are pretty much a celebrity in the WP community now!

      Anyway… I am really struggling to hide the site title and description on my homepage using this CSS code you have provided. Any idea why this might be? I have also tried using the mayne design code instead but still no joy.

  28. cicolution October 2, 2012 at 7:22 pm #

    anyone know how to round the corners of each link in the main nav bar? none of what i’ve tried has worked

  29. RKMitch October 5, 2012 at 1:57 pm #

    Fantastic post! 1 request… I need custom CSS for full size header. Please help… Forums still down!

  30. Riaan Aggenbag October 25, 2012 at 4:11 pm #

    I come back to this page m,ore often than any other when working on WordPress themes.
    Thanks for a wonderful list of helpfulness :)

  31. Amy October 26, 2012 at 11:19 pm #

    Thank you so much for the list! I agree with the others- Woothemes should post these on their site. Great job!

  32. Todd Lohenry October 27, 2012 at 11:12 am #

    Thanks! This is the single most useful post I’ve come across in a long time. Ironic that I found this information on YOUR site and not on Woo’s but that’s another issue… :-D

    • Jamie Marsland November 7, 2012 at 12:10 pm #

      Thanks Todd :)

  33. Iza November 7, 2012 at 11:56 am #

    Hi.

    I am struggling with a WordPress site with a Canvas on it. It’s a institutional site to-be, and I’ve received it already half-done and with no access to the Woo Support.

    My problem is that while Tweak #4 is my current problem and this page offers a solution (Yes!), I haven’t been able to find the access the CSS code. Where do I find it?

    Thank you,
    Iza.

    • Jamie Marsland November 7, 2012 at 11:59 am #

      Hi,

      You need to go to Appearance / Editor / custom.css. However if you don’t have admin rights you won’t see this option.

      Jamie

      • Iza November 7, 2012 at 9:26 pm #

        Thanks for responding.

        I do have admin rights, my Appearance options though are 3: Themes, Widgets, Menus. No trace of CSS. What am I doing wrong?

        • bill jacobson December 11, 2012 at 4:45 am #

          In case you have not solved this, there is a very small (+) to the left of the “SAVE ALL CHANGES” button at the top of the control panel. When you click the + you will be able to see Custom CSS.

          Great notes to find here! Thanks

  34. John Cross November 9, 2012 at 4:33 am #

    May i ask how to show the slider in the blog format or homepage of wootheme canvass?

  35. Me November 14, 2012 at 10:28 am #

    Any idea how I remove the arrow from the drop down menu on the top menu on Canvas? Thanks.

  36. Dita November 17, 2012 at 2:11 am #

    Hi Jamie,

    You are a life saver. Seriously, I honestly don’t see why this post is not in the woo tutorials. As a matter of fact I am going to forward this post to them and hopefully they will include you.

    Anyway, I have a question for you Jamie. I normally do not publish pages, and I remember on my one site I had an issue with images on pages. As it did not matter I published them as posts.

    Now I really need to publish pages and I am finding that after I upload my images, I can adjust them in the editor but when I view the page the pics are large. I am thinking that I am not able to override the Dynamic images. (I need to have it set up as I use a lot of images in my posts)

    Is it possible to specifically disable this function on my pages? Or can you think of another trick?

    Hope can help,

    Regards,

    Dita

  37. Joanna Price November 21, 2012 at 9:08 am #

    I too am having trouble getting the first one to work — remove page title. I have added the code to the custom css file and nothing happens. Also tried the alternative code that themaynedesign suggested and that made no difference either. i am just copying and pasting this code at the bottom of the custom css file. Is that right or am I missing something basic?

  38. Britany November 28, 2012 at 8:58 pm #

    very helpful code here! Does anyone know how I can center my logo in the header?

    • Matt December 13, 2012 at 7:42 am #

      Britany, to centre logo try:
      #logo {width: 100%;}
      #logo a img {margin-left: auto;margin-right: auto;}

  39. Rixter December 3, 2012 at 3:34 am #

    Very helpful. I was trying to figure out how to eliminate or reduce the top/bottom padding around my menu items. Is that something you can post?

    Many thanks

  40. salih December 12, 2012 at 10:58 am #

    how can i remove tags below the posts, i think u did :)
    thanks

  41. Dave December 15, 2012 at 12:49 am #

    Hi,

    Great list!

    I am wondering how to center the logo in the header. By default it is alligned left, but I would like it centered. This especially looks better on a mobile screen.

    Thanks,
    Dave

    • Dave December 17, 2012 at 10:07 pm #

      Oh, I missed Matt’s reply to Britany:

      Britany, to centre logo try:
      #logo {width: 100%;}
      #logo a img {margin-left: auto;margin-right: auto;}

      I tried it now, but no effect. I added it to the Custom CSS box in the general settings of Canvas.
      Is this the correct place Matt?

      • Dave December 17, 2012 at 10:24 pm #

        Somehow I got it working by adding

        #logo {width: 60%;}
        #logo a img {margin-left: auto;margin-right: auto;}

        to the end of custom.css

        BUT …. it does not effect the logo when in responsive mode.

        Anyone have an idea?

        • Dave December 26, 2012 at 9:43 pm #

          Hi, does anyone have a solution for my logo not centering in responsive mode as described above?

  42. Gerard December 20, 2012 at 1:41 pm #

    Hey Jamie, wonderful stuff and thanks for all the info, I have a question about scrolling background image, I have tried this but have failed any ideas would be greatly appreciated.

    body {
    background-color:#bf906d !important;
    background-attachment:fixed !important
    }

  43. Charles Payet December 21, 2012 at 3:53 am #

    Will Tweak #1 remove the SITE title or the PAGE title?

    How can I remove the Site Title and the Site Description from my header? My logo should take the entire space, and I simply don’t want the those items showing over it.

    Looking forward to trying some of these out, as I just installed Canvas on my site and am very much liking it so far.

    Other question: is there a place to change the width of the Sidebars?

  44. Harry December 22, 2012 at 5:14 pm #

    Hi Jamie,

    #24: Change the background colour of Main Content

    #main {
    background: #fff;
    }

    #25: Change Sidebar Background Colour

    #sidebar {
    background: url(“imageurl”) repeat scroll 0 0 #FFFFFF;
    }

    This is ok – it works.

    But

    #24: Change the background colour of Main Content + padding any content

    #main {
    background: #fff;
    padding:20px;
    }

    #25: Change Sidebar Background Colour + padding any content

    #sidebar {
    background: #FFFFFF;
    padding:20px;
    }

    destroys the layout.

    I search for hours but do not find any solution.

    Perhaps you know an answer.

    Merry Christmas and kind regards

    Harry

    • Harry December 24, 2012 at 10:42 am #

      Hi Jamie,

      I found a solution that works for me. I give a margin to every element within the #main and the #sidebar section.

      Looks like

      .category-misc, .entry, .widget,.breadcrumb-trail { margin:5px 20px 5px 20px; }

      For headlines I choose

      .title { padding: 5px 20px 5px 20px; }

      Merry Christmas once again

      Harry

      • Jamie Marsland December 24, 2012 at 10:48 am #

        Thanks Harry :)

        Merry Christmas!

        Jamie

  45. Christopher Stevenson December 25, 2012 at 2:09 am #

    Wow. Terrific article and thread! Thanks, Jamie and everyone contributing tweaks.

    If I may ask: Where does one edit the “Leave a Reply” text ffound on single posts? I didn’t see anything in comments.php and can’t seem to find it anywhere else.

    Thank you,
    Chris

    And happy holidays to you all!

  46. Andy December 26, 2012 at 10:32 pm #

    Great tweaks.

    I’d like to display an optin form below the header that is only shown on the homepage.

    I tried it with hooks but it did not work.

    Any tips how this can be done?

  47. Jussi December 31, 2012 at 9:06 am #

    Hi,

    How can I remove post-meta from blog’s home page, but not from posts? At the home page I only have excerpts.

    Best regards,
    Jussi

  48. Jeremiah January 1, 2013 at 4:29 pm #

    Just wanted to say that this article was fantastic. I wasn’t even looking for this, but fifteen minutes after finding this I’ve already implemented 3 of these and will probably be using a few more. Thanks for this!

  49. Martoons January 5, 2013 at 3:36 am #

    Hi bro,
    Just wondering if you (or someone here) can add some css to create a nice looking blockquote?

    I know Woo has a very nice ‘testimonial blockquote’ and that is the type of thing I need.

    This would be good for people who are quoting bits of content from other sites.

    Anyone have some css suggestions for this?

    Thanks :)
    martin

  50. Scott January 5, 2013 at 7:06 pm #

    #20 doesn’t work for me either. I added it to my custom.css. Should I be putting it somewhere else?

  51. frank January 6, 2013 at 11:16 am #

    How do you force the menu in woo canvas to use the css class in the menu section. This will be great so that each menu can be styled differently.

    Happy New Year.

  52. Crystal January 6, 2013 at 8:04 pm #

    First of all… Thank you so much for all of these great customizations!!!

    I am helping a friend with her site, http://www.ellie-events.com... and we changed the percentages in the Layout Manager to be 80% content and 20% sidebar…and it is working just fine on all the pages BUT the blog page.

    The sidebar is still huge on the blog page.

    Any ideas??

    • Crystal January 6, 2013 at 8:07 pm #

      Individual blog posts are appropriately structured… but the blog roll isn’t.

      #Annoying

  53. SLIS January 9, 2013 at 8:21 am #

    Jamie,

    Apologies if I missed this, but don’t think it’s been asked; is there a way to change the popular posts under the woo tabs so that it’s ranked by views and not by comments? Thanks in advance!

    Michael

  54. Sue R January 12, 2013 at 3:36 pm #

    Hey there, I used the code you posted above to remove “You are here” from the breadcrumbs but it didn’t work. Please advise. Thanks.

  55. nik January 17, 2013 at 12:39 am #

    How do I remove the space between the bottom of the slider and the page content?
    Thanks

  56. Joe Jenkins January 18, 2013 at 6:46 pm #

    Thanks for these tips, I have used a few of them and they have really helped.

    Where you have the way to show a different header image depending upon the page, is there a way to do the same thing with posts/categories, and also, is there a way to change the background image or colour depending upon the page, post, category, etc?

  57. Tom Nguyen January 30, 2013 at 11:16 pm #

    This is an awesome resource on Canvas. Canvas is my favorite theme to work with to date. It’s really flexible. Thanks for publishing this.

  58. Joe Jenkins February 2, 2013 at 7:41 pm #

    Some great tweaks here, that I’ve found very useful.

    However, I have found a problem.

    When using this one:

    .page .title {
    display: none;
    }

    It also removes the edit links for the address in WooCommerce.

  59. Tamara February 8, 2013 at 5:06 pm #

    Great tweaks! I’ve used tweak #25 to change the background of the sidebar. How would I give the sidebar rounded corners?

  60. Laura March 6, 2013 at 4:17 am #

    Thanks for this great list! #16 was exactly what I was looking for and, with a few customization tweaks, it was perfect.

  61. Sunder March 11, 2013 at 8:03 pm #

    Hi Author,

    Your 30 Tricks has really changed my fortunes :) I have proudly finished over 50 websites with Canvas and all Credit goes to your tricks! I owe my success to you Sir.

    I have a question, how can I use a different background for homepage and different for inner pages

  62. diskon March 12, 2013 at 2:21 am #

    I see on meta manager is only for blog page(front)/ home page, not for single post. On the section “Read more” area below posts, that’s it – only for front part, not for single post.

  63. augenlasern March 12, 2013 at 5:51 pm #

    My programmer is trying to persuade me to move to .
    net from PHP. I have always disliked the idea because of the
    costs. But he’s tryiong none the less. I’ve been using WordPress on several websites for about
    a year and am worried about switching to another platform.
    I have heard excellent things about blogengine.
    net. Is there a way I can import all my wordpress posts
    into it? Any help would be greatly appreciated!

  64. Kieran March 14, 2013 at 2:46 pm #

    Hi
    i have a woothemes theme but am having issues moving the menu to under the logo. On the org wootheme they use a text logo which is thin meaning the menu sits on the same level to the write. However the logo i need to add is more potrait size and so expands the header down which is fine. But the stupid nav sits in a locked position at the top. I have tried to edit the style.css sheet but cant seem to shift it down. Has anyone any tips that could help?

    thanks

  65. allgsolutions March 14, 2013 at 3:59 pm #

    Hi
    Thanks for shearing the tips
    i use these tips and get awesome results
    please any body tell me how to verify “SUBSCRIBE / CONNECT” in canvas theme.
    Thanks

  66. investor village March 17, 2013 at 3:39 pm #

    It’s a pity you don’t have a donate button! I’d most certainly donate to this excellent blog! I suppose for now i’ll settle for bookmarking and adding your RSS feed to my Google account.

    I look forward to brand new updates and will share this site with
    my Facebook group. Chat soon!

  67. Casper March 25, 2013 at 7:29 pm #

    Is there any way to remove the border around tables?

  68. Deric March 27, 2013 at 9:47 pm #

    Extremely useful…Thank You!

  69. Dan April 9, 2013 at 10:00 am #

    You can now also get the list of Google Fonts to update dynamically as new fonts are added, with this free plugin: http://wordpress.org/extend/plugins/google-fonts-for-woo-framework/

    This works for all Woothemes themes that use the woothemes framewwork

    • Jamie Marsland April 9, 2013 at 12:11 pm #

      Thanks for sharing Dan :)

  70. John Carr April 20, 2013 at 9:00 pm #

    I realize this was probably written with a previous incarnation of the them in mind, but I am trying to use #10 (remove space between header image and primary nav) and I cannot get it to work. Does anyone know the correct way to do this?

  71. Tom April 26, 2013 at 2:46 pm #

    Could you update CSS tweaks for Canvas 5.2.3?

    • Jamie Marsland April 28, 2013 at 4:58 am #

      Hi,

      Yes I’m working on it :)

      Jamie

  72. John May 10, 2013 at 7:05 am #

    Update please custom canvas css tweaks for Canvas 5.2.4 :)

    • Jamie Marsland May 11, 2013 at 11:12 am #

      Will do soon John :)

  73. Lauren McDonnell June 4, 2013 at 5:00 am #

    I really need these tweaks updated for Canvas 5.2.4, I just subscribed hoping that I’d get everything I need to move forward with my website but I’m disappointed to find that some of these tweaks are out of date, and not being very technical, I’m worried about trying them and then messing up my site, so I’m back to square one. Please update soon.

    • Jamie Marsland June 13, 2013 at 6:20 am #

      Hi Lauren,

      An big update is coming this weekend :)

      Jamie

  74. Nicolai June 7, 2013 at 11:56 pm #

    Fantastic list. I implemented 4 of these right away. Thanks!

  75. sahil August 9, 2013 at 1:42 am #

    I want to remove the facebook icon from the top of my website and I am using wordpress canvas theme. the problem is that the facebook icon is display from page 1 to page 32 on the top of website and then from page 32 it doesn’t display. please anyone guide me that what should i do? Thank You.

  76. Egis August 9, 2013 at 9:57 am #

    How to add post title above thumbnail on Homepage, categorie page?

  77. Heather September 6, 2013 at 3:11 pm #

    Removing the page titles does NOT work for me. I have tired everything.

    #logo .site-title {display: none !important;} did not work either.

    Some please let me know if you got this to work.

    Thanks!

  78. Marcus October 17, 2013 at 4:16 am #

    how to change the background of the “index”?

  79. Hannah November 8, 2013 at 3:07 am #

    Hello,

    Do you know how to disable the Posts Grid (Magazine Grid) function completely? I like the options the Magazine template offers but want to remove the grid format. I’d simply like all of the posts from the home page to look like the Featured posts.

    Would appreciate any help!

    Thanks

  80. Scott January 25, 2014 at 4:20 am #

    Thank You, Thank You, Thank You… you have the tweaks I needed!

  81. Barrios de Madrid June 25, 2014 at 12:26 pm #

    I think this is the best post of canvas, always fix my problems :)

  82. daniel June 25, 2014 at 10:55 pm #

    very nice post

  83. Wayne Turner August 19, 2014 at 2:15 pm #

    Hi

    When I add the line:

    .post-meta { display:none; }

    to my custom.css nothing happens. Is there something I am doing wrong?

    Regards

    Wayne

  84. Rob September 4, 2014 at 8:21 am #

    Hey guys, again, great info.

    I used:

    .page .title {display: none;}

    to remove page titles, but it removes the titles of each blog post from the blog feed page as well.

    Is there a way to remove page titles everywhere, but keep the titles of the blog posts on the blog roll?

    Thanks!

Trackbacks/Pingbacks

  1. WooTheme's Canvas - A small perspective from an advanced beginner in web design - October 18, 2012

    [...] There’s not too much out there for Canvas in the wild. WooThemes’ Canvas Showcase will give you ideas for your next Canvas design. I also frequently referenced 30 simple (but useful) Woothemes Canvas CSS tweaks. [...]

  2. 30 simple Woothemes Canvas CSS tweaks | Marilyn D. WalkerMarilyn D. Walker - November 2, 2013

    […] 30 simple (but useful) Woothemes Canvas CSS tweaks by Pootlepress – I use the Canvas Theme from Woo Themes for many of my websites. I think Canvas is quite possibly the very best WordPress Theme currently available. But – it’s not perfect! Although it’s very powerful, I also find customizing it can be very frustrating. So this is a great and useful list of stuff that really should be much easier to find in the Canvas documentation! […]