How to make a boxed design like my current design?

[hblomgren]

Hi everyone. Writing this up as a new topic as I have no clue on how to proceed.
My current site Deculture(https://deculture.se) is based on a heavily modified Genesis child theme.

I am now moving this site to Bricks, modernizing the code and redoing the css to get a better faster loading site.

My question is this.
How can i get a container surrounding every part of the site in Bricks Builder?
So the markup would be
div class=“site-container”
header
content
footer
/div

The reason I want to do this is to get easy styling on the content. As every builder around seems to just want a

header
content
footer

style for their markup. But wanting a background color for a boxed design like my site is means I can not make this full-width. Nor do I find a option of giving the body tag a max-size a good solution since then the bg color will not be applied to anything but the body.

So how would you guys go around to solve this in Bricks?

Simply put, the reason I ask is because I do not intend to use a border color. But instead use shadows and when shadows are used on a site-container it works splendid. If used on both header and content and footer parts? the shadow property will overlap and make thicker lines which I do not want.

Thank you for your time and lets make something impressive with this move to Bricks for my golden project!

Best Regards

-Henrik Blomgren

edit - removed some code that I fumbled. To make the post actually say what I want in the best attempt.

[aslotta]

Hey Henrik,

have a look at the theme styles. Under General there is a Site layout option where you can choose a boxed style.

Best,

André

[hblomgren]

Thank you very much for the answer! I did not eye trough every single option so I never found this when I tried to do it on my own.

[hblomgren]

and now I know why.

I do not have conditions. General or anything under my theme Styles. So how do I get access to these options under Theme Styles?

[hblomgren]

I did find the options you are showing. But for me they are under page setting → general.

So it´s really hard to know how to ask for help when the layout and design of the software has prompts in different places for everyone…

[aslotta]

Hey Henrik,

the page settings only apply to the page you are currently editing. So you want to create a theme style and apply the boxed setting there.

There are articles for all of those things in the academy:

• Theme Styles – Bricks Academy
• Page Settings – Bricks Academy

Best,

André

[hblomgren]

Thank you once again André!

It is a big turnaround for me. As last time I did something like this? I wrote the css and php directly by myself. So using a visual builder is new for me. last time I looked at a builder was Frontpage… and then I still had to write 80% of the css and html code myself so this is a learning experience.

Thank you very much for taking time with me.