• Learn how to create awesome sites with Artisteer!

How to create a paneled layout in Artisteer

Like flat design, paneled layouts are all the rage these days, due to the increasing usage of tablets and smart phones.

If you’re not familiar with what paneled layouts are, a paneled layout is a website with panels of alternating colors, which makes the site experience a little more fun and encourages scrolling.

In today’s video, I am going to show you how you can build a paneled layout with Artisteer!

In the video, I mentioned some CSS that you can copy & paste. Here it is:

.art-content-layout-wrapper .art-content-layout, .art-header {
padding:0 15%;

.art-nav {

.art-content-layout-wrapper {
margin: 0 -22%;

.art-post {
padding: 0 15%;

.art-content .art-postcontent .art-content-layout-wrapper {

23 Responses to How to create a paneled layout in Artisteer

Leave a Reply to QQ61732055 Cancel reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Free Artisteer Video Training Course

Want to learn how to create great websites with Artisteer?

Then you MUST see this training!

It's simple, step-by-step, and will turn you into an Artisteer pro!

Sign up for free below. 

New Graphic

We respect your email privacy

Recent Comments