Board template remodle

[STLUEE]

I was wondering if there is a way or maybe even a code already to do this:


Under the categories place the boards in a row going across instead of down in the usual cell?

I thought since there is alot of boards and sub-boards on my forum this may be a smart look.

Thank you for leading me in the right direction.

[Former Member]

You want side to side categories? I didn't make this code. masterlegobuilders did:

---

Put this in the Home Template:
<div style="display: inline-block; width: 48%; vertical-align: top;">
This goes below the top {foreach} tag

</div>
This goes before the {/foreach} tag.

---

If you want side to side boards here's the code:

Put this at the buttom of the stylesheet:
/*board list changes*/
div.content.cap-bottom{padding:6px 2px 2px 2px;
}
.the_board{background-color:@content_background;filter: brightness(0.4);margin:auto;
}
.twwboardname {
background-color:@body_background_color;
text-align: center;margin-top:4px;padding:5px;
}
.twwboardname a {
text-align: center;
color:#ffffff;
}
.twwboarddesc {
background-color:@container_background_color_2!important;
height:100px;
overflow: auto;
margin:2px;
}
.twwthreadsposts {
background-color:@body_background_color;
color:#ffffff;
vertical-align:middle;
text-align:center;
padding: 7px 0px 0px 0px;
height:20px;
margin:2px;
}
.twwthreads{
background-color:@body_background_color;
color:#ffffff;
vertical-align:middle;
text-align:center;
padding: 7px 0px 0px 0px;
height:20px;
margin:2px;
}
.twwlastpost {
font-size: 10px;
text-align: center;
padding: 5px;
text-transform: uppercase;
margin:2px;
}
.title_wrapper{text-align:center;}
.container.boards h2{width:100%!important;}

---

Hope I solved your problem!