Loading...
 
Skip to main content

History: Make a Wide Section in a Wiki Page

View published page Collapse Into Edit Sessions

Preview of version: 9 (current)


Copy to clipboard
{DIV(class="row top_row")}
{DIV(class="container")}
! Pagetitle
Top section content goes here. (The page title was turned off and replaced by the heading here in the content div.)

{DIV}
{DIV}
{DIV()}

For the section's content itself to be full-width, don't use a container-class div in the row.

{DIV}
{DIV(class="row middle_row")}
{DIV(class="container")}

Middle section content goes here.

{DIV}
{DIV}
{DIV(class="row bottom_row")}
{DIV(class="container")}

Bottom section content goes here.

{DIV}
{DIV}

Copy to clipboard
#page_356 #col2 { display:none; }
#page_356 #middle.container { width: 100%; }
#page_356 #col1 { width: 100%; left: 0; }
#page_356 .tiki .middle_outer { background: #28292b; }
#page_356 .top_row { background: #28292b; color: #fff; }
#page_356 .middle_row { background: #f2f2f2; color: #333; }
#page_356 .bottom_row { background: #fff; color: #333; }

History

Information Version
Fri 26 of Sep, 2025 06:26 UTC System Administrator automatic conversion 9
Mon 15 of Feb, 2016 14:01 UTC Gary Cunningham-Lee 8
Mon 15 of Feb, 2016 13:59 UTC Gary Cunningham-Lee 7
Mon 15 of Feb, 2016 13:57 UTC Gary Cunningham-Lee 6
Mon 15 of Feb, 2016 13:55 UTC Gary Cunningham-Lee Added wide-content row. 5
Mon 15 of Feb, 2016 13:46 UTC Gary Cunningham-Lee Page title "moved". 4
Mon 15 of Feb, 2016 13:42 UTC Gary Cunningham-Lee Explanation added. 3
Mon 15 of Feb, 2016 13:26 UTC Gary Cunningham-Lee 2
Mon 15 of Feb, 2016 13:11 UTC Gary Cunningham-Lee Page created. 1
Collapse/expand modules below