How can we improve WooThemes?

Canvas - full width content block

Canvas - full width content block

290 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 →

    42 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...
      • scottscott commented  ·   ·  Flag as inappropriate

        Please add this to canvas. The background color is the only thing that is changing to make it feel like there are "sections". The content /text will still be confined to page wrapper. like this http://www.hiveage.com/

        example:

        [fullblock #33ff99] this is a section [/fullblock]

        [fullblock url http://woo.com/pattern.png] this is another section with image pattern background[/fullblock]

      • StephanStephan commented  ·   ·  Flag as inappropriate

        It would be great if this was possible! I think it could be done if it was set up as a separate plugin that allowed the page to be divided into sections. It could also be achieved if you could select pages to be stacked within a page.

      • JonasJonas commented  ·   ·  Flag as inappropriate

        Totally agree that this is a must-have, particularly given how ubiquitous full-width web design has become. Is there a way to know whether this is in the works or part of a roadmap? I'm considering switching themes but don't want to if there's a reasonably probability of this functionality coming to Canvas soon!

      • Sam LowrySam Lowry commented  ·   ·  Flag as inappropriate

        I also badly want this option. For me, I'd like it available for just about anything. I think two options would be nice: 1. full-width image 2. insert your own shortcode/php

      • Anonymous commented  ·   ·  Flag as inappropriate

        I'd love this feature too. A full width content block would be awesome. Loads of websites have it at the moment and I feel left out ;)

      • Brett BlevinsBrett Blevins commented  ·   ·  Flag as inappropriate

        Ha, ha, the home page of woothemes.com as of 2014-10-31 is doing exactly what we're talking about: the "Happy Hallowoon" content block and the WordPress Themes block with the full-width laptop-on-the-table image background. As mentioned in an earlier message below, I'm also looking to have not only full-width background image, but full-width content (for galleries and such). Also, more than one full-width block per page. If you do a bunch of stacked full-width blocks, you essentially end up with The One Pager.

      • Brett BlevinsBrett Blevins commented  ·   ·  Flag as inappropriate

        Another refinement: this needs to be on a per-page basis, because a 100%-width content div is probably not going to be used on every page of a site. Probably only on image/video galleries and WooCommerce products pages. If someone has a big huge screen and they want to run the browser full screen, let all those products fill the width instead of making them scroll.

      • Brett BlevinsBrett Blevins commented  ·   ·  Flag as inappropriate

        Athen on March 04, 2014 05:32 said:
        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 :)

        All good, but some of us also need to make the content div also be 100%, such as the times when you have an image gallery that you want to expand to whatever width browser you have. Then I can make my own "content-block" divs that are 0-100% width as needed, all inside the 100% width content div.

      • GaltGalt commented  ·   ·  Flag as inappropriate

        How is this coming along Magnus?

        What can we expect next for Canvas?

      • John BoltonJohn Bolton commented  ·   ·  Flag as inappropriate

        Would really like to see this happen! It seems to be a really common design trend amongst web designers at the moment so would be great to be able to implement it with a shortcode like how Drew McManus described below!

      • 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 :)

      ← Previous 1 3

      Feedback and Knowledge Base