Skip to content

Instantly share code, notes, and snippets.

@jpustula
Last active February 11, 2016 16:18
Show Gist options
  • Save jpustula/fe00ebdf0643259b942d to your computer and use it in GitHub Desktop.
Save jpustula/fe00ebdf0643259b942d to your computer and use it in GitHub Desktop.

Suplement for instruction how to add sidebar in we_universal 2.4: https://gist.github.com/jaroslw/c310fe539b11cbfec5e4

1. Replace Sidebar content here with:

<!-- Block 1 -->
	<div class="forabg">
		<div class="inner">
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt><div class="list-inner">Block title</div></dt>
					</dl>
				</li>
			</ul>

			<div class="bg2" style="padding: 15px;">
				Content
			</div>
		</div>
	</div>

	<!-- Block 2 -->
	<div class="forabg">
		<div class="inner">
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt><div class="list-inner">Second block title</div></dt>
					</dl>
				</li>
			</ul>

			<div class="bg2" style="padding: 15px;">
				Content 2
			</div>
		</div>
	</div>

2. In common.css replace:

.sidebar {
    float: left;
    width: 20%;
}

with:

.sidebar {
	box-sizing: border-box;
	float: right;
	width: 20%;
	margin-top: 50px;
	padding-left: 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment