Canvas - full width content block
Canvas - full width content block
Would be great with some more details of exactly what this should include?
Ben Jamieson commented
Over a year with people begging for this.
Add one more voice to the chorus.
This is so damned essential!!!
This comes much too late. Any update on this one?
Take a look at this...
It is what Canvas should become. #1 theme envato
Nicole Schaller commented
Missing feature in Canvas: One-pager homepage with full-width background for sections. This is what the full width content block could be used for.
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/
[fullblock #33ff99] this is a section [/fullblock]
[fullblock url http://woo.com/pattern.png] this is another section with image pattern background[/fullblock]
Nick Burne commented
Please our video tutorial here for this one:
It uses the full width feature in our Canvas Page Customizer extension.
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.
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 Lowry commented
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
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 ;)
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.
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.
Hmmm, wish I could add 3 more votes for this.
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.
How is this coming along Magnus?
What can we expect next for Canvas?
John Bolton commented
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!
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)
Matthew Keath commented
Yes, Yes, Yes!!
Drew McManus commented
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.