Layout fixed width, cell full width

Hello

What exactly cell you're referring to? Could you please explain your question in more details?
Both Content Layout cells and Sidebar support width in %%.

Thank you,
Olivia

Hello

I am referring to any cell....

When you set a cell to 100 % but the website layout width is 1000px, the cell is 1000px wide.

Can a cell be made full width, from left to right of the screen? (same idea as full width header)

Is there any code to support this?

Ah, you mean full PAGE width.
Unfortunately you can't move content including Content Layout cells outside the Sheet.
But you can add such cell manually after the exporting if you familiar with coding. We can provide you with more details solution if needed. For this please let us know where exactly you want to add such cell and what should be inside this cell (static content, widget area or so).

Thank you,
Olivia

Ok thanks

for this page http://goo.gl/eiecNX

I would like a cell (not sure which one) on homepage to be full page width.

Can you give me code? I can manage to edit it if needed.

Thank you

You can edit the row who containing the element and apply a full width. If the element is not in a row you must delete it and then create a row with 100% and insert the element again.

Is there a code i need to insert in CSS for one row to be full page width?

Hello

If you don't know what exact row should be Page Width please try the following solution:

1. change Sheet to100% width.

2. add the following code to the Export Options >> CSS Options:

   article .kmoweb-content-layout { width: 1000px; margin: 0 auto; }
   This will set fixed width of the row's content area.

3. Choose the row you want to make full page width and assign ID to this row under the Row Options >> HTML.
   Note: do not use duplicated ID on the same page.

4. then change the width of the chosen row to fill page:

   #row1, #row2 { width: 100%; }

5. If you want the width of the content inside this row to be fixed please add the following code:
   #row1 .kmoweb-content-layout-row { display: block; width: 1000px; margin: 0 auto; }

This should help.
Please keep us posted about the progress.

Thank you,
Olivia

Hello and thanks.

Can i keep my website sheed width like it is now.
And just insert into CSS a code for a specific row, that that row must be 100% page full width.

If above is not possible, where do i insert code from point 4 ? Also in css options?

Hello

All rows are located inside the Sheet which is currently 1000px wide. You can't make something inside Sheet to be full page width.

The other possible solution is to create additional container outside the Sheet (above or below) after the exporting.

I've found that my solution is not ok for other pages. So I've changed it a little:

1. set ID for the chosen rows as mentioned in the previous reply.

2. add the following code:

.home .kmoweb-sheet { width: 100%; }
.home article .kmoweb-content-layout { width: 1000px; margin: 0 auto; }
.home #row1, .home #row2 { width: 100%; }
.home #row1 .kmoweb-content-layout-row { display: block; width: 1000px; margin: 0 auto; }

This code will affect the home page only.
You will see the result after the exporting only.

Please keep us posted about the progress.

Thank you,
Olivia

Full Page Width feature is available now:
http://answers.billiondigital.com/articles/5759/themler-weekly-update-25-dec-2014

Last edited 26 December 2014 by Support Team