How can we improve WooThemes?

Canvas - full width content block

Canvas - full width content block

243 votes
Vote
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    I agree to the terms of service
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    John R Crowley JrJohn R Crowley Jr shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    30 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      Submitting...
      • magicmagic commented  ·   ·  Flag as inappropriate

        It's like having fluid rows which we can add a background image or color. Like my site, http://magiclouieservices.com/ . I used canvas for that but I still need to edit the template php file.

        As you can see, I have fluid rows (layers)

      • Drew McManusDrew McManus commented  ·   ·  Flag as inappropriate

        The homepage at WPEngine.com is a good example.

        The best solution is a new shortcode that applies the full width content to a new full width #content layout for the entire site (not just header and footers).

        The shortcode popup would be pretty simple in that it is two simple fields for setting BG color or uploading a BG image (and related repeat settings). So you end up with something like:

        [full_width bg="#000000"]Full width content goes here.[full_width]

        Other Shortcodes would need to work inside it and a shortcode version would be nice becasue by nature it will provide advanced users with everything needed to modify with custom CSS (margins, padding, etc.) but simple enough for new and mid level users to make good use of (not unlike the column shortcodes).

        Hope that helps.

      • MareMare commented  ·   ·  Flag as inappropriate

        I would love to see this feature as well!!!!! I am looking to do this with my site and hate the thought of changing themes!

      • GaltGalt commented  ·   ·  Flag as inappropriate

        The content BLOCK should allow you to have multiple blocks one after another.

        Each block can be a WIDGET with independent background color/image, margins/padding, font colors, hyperlink colors which are LOCAL to that block. For example: Thus a first block can have a red background with white text and a background image. The block following it can have a white background with blue text and a sliding image.

        The CONTENT of the block widget is basically pulled from text in the widget, a page or post.

        There can be three kinds of content blocks widgets: one column, two column, three column. In the 2 and 3 column widgets will pull from 2 or 3 posts/pages.

      • AthenAthen commented  ·   ·  Flag as inappropriate

        Please take a look at this page: http://www.shopify.com/
        They use 100% width wrapper, with a content div of 1020px. We really need to be able to make the same type of backgrounds - the coloured background boxes that are 100% width :)

      • Anonymous commented  ·   ·  Flag as inappropriate

        YES, please! From a design standpoint, I cannot think of a more important feature. Go team Woo!

      • TroyTroy commented  ·   ·  Flag as inappropriate

        I hope this moves forward.
        I want to use Canvas with content blocks as described here too.
        Similar to The One Pager but that theme has many quirks w/ no resolutions in the forum.

      • SergioSergio commented  ·   ·  Flag as inappropriate

        Would love to know how to create a full width div in the content, to create sections with different full width background color

      • AnonymousAnonymous commented  ·   ·  Flag as inappropriate

        Personally would rather the FW Content block be a shortcode (I'd use it as a div manually anyway) without the extra Parallax code most of these have (plenty of code and plugins for that if people want that) - just some options to add colour IMHO would keep it inline with the lighter goals of Canvas.

        Some may not agree so YMMV!

      • mikemike commented  ·   ·  Flag as inappropriate

        like second comment bikeboyblue, I would like to alternate background color on full-width sections of a page.
        a shortcore like [full_width color=#f6f6f6]asdf[/full_width]
        I would use this maybe only on the homepage

      • Tevya WashburnTevya Washburn commented  ·   ·  Flag as inappropriate

        Magnus, I think the idea is that elements in the "full-width" mode of Canvas, need a full-width background. For example, I can't make the background color of the breadcrumb go the full width. Even when using the boxed layout, it's completely contained inside other elements, so it's background won't even reach the edges of the boxed layout. The same goes for quotes, callouts, and other content blocks. To make these work with the flat designs of today, they need an option where their background can go the full width of the browser, or the boxed area, when using the boxed layout. That's what they're talking about. Currently only a few elements can be given this effect: the header area, main menu bar, the new full-width slider, and the footer. But everything in-between is very much limited and contained so that it's background can't be extended to the full width of the boxed layout or browser (full-width layout).

      • JoshuaJoshua commented  ·   ·  Flag as inappropriate

        I think that you should be able to include a class .fullblock or whatever it is. This class is a wrapper you can put around any element within your content id which will allow you to put a background image or assign a color that is 100% width.

      ← Previous 1

      Feedback and Knowledge Base