Page Structure

A typical K2 page has the following hierarchy:

<div id="page">

	<div id="header">
		<h1 class="blog-title"><a accesskey="1" href="Blog address">Blog title</a></h1>
		<p class="description">Tagline</p>

		<ul class="menu">
			<li class="current_page_item"></li>
			<li class="page_item"></li>
			<li class="admintab"></li>
		</ul>
	</div>

	<hr />

	<div class="content">

		<div id="primary-wrapper">
			<div id="primary">

				<div id="notices"></div>

				<div id="current-content" class="hfeed">
					<div id="post-#" class="hentry"></div>
				</div>

				<div id="dynamic-content">
					<div id="rollingarchives"></div>

					<div id="rollingcontent" class="hfeed">
						<div id="post-#" class="hentry"></div>
					</div>
				</div>

			</div>
		</div>


		<hr />

		<div id="sidebar-1" class="secondary"></div>

		<hr />

		<div id="sidebar-2" class="secondary"></div>

		<div class="clear"></div>
	</div>

	<div class="clear"></div>
</div>

<hr />

<div id="footer">
	<p class="footerstyledwith"></p>
	<p class="footerpoweredby"></p>
	<p class="footerfeedlinks"></p>
</div>

Element Widths

Depending on the number of columns selected, K2 has the following widths:

Columns	#page	#primary	#sidebar-1	#sidebar-2
1	560px	500px	240px	240px
2	780px	500px	200px	200px
3	950px	500px	200px	150px

Comment by eric.marden, Jan 04, 2008

in a 3 column layout, why is sidebar-alt 150, but sidebar-main 200?

Makes a page very unbalanced.

Comment by nbseminary, Aug 04, 2009

Is there any documentation on how K2 handles custom sidebars - particularly for child themes?

Comment by hankooi...@zonnet.nl, Sep 19, 2009

I need a different layout for the posts (in Home and Category pages). The post title should not be above, but aside of the post image. How can I do that? I made a picture to show what I mean: