Custom Page Template Help

[TC-Jamech]

Hi guys, I'm wanting a default custom page for my vbulletin forum, so I've followed this tutorial: https://vborg.vbsupport.ru/showthread.php?t=229194

However, rather than having the default boring template I've adapted changes so it matches my forum theme, does anyone know how I can make it so that the box has the appropiate lines at the side of the content box? And preferbly make it so that the words a tiny bit more the right?

Here is the new code i'm using (I obtained it from forumbits template):


<li class="forumbit_nopost {vb:raw forum.statusicon} L1" id="cat{vb:raw forum.forumid}">
<!-- Start Forum tcat Heading PurevB -->
<div class="tcat">
<div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
<h2>Content Box</h2>
</div></div>
</div>
<!-- End Forum tcat Heading PurevB -->
<!-- Start Forum thead Heading PurevB -->
<div class="forumbitBody">
<div class="thead_bar">
<div class="theadrow table">
<div class="foruminfo td">
<div class="forumdata">
<div class="datacontainer">

</div>
</div>
</div>
<div class="forumactionlinks td">
&nbsp;
</div>
<div class="forumstats td" align="center">
&nbsp;
</div>
<div class="forumlastpost td">
Posted by @Twitter
</div>

</div>
</div>
<div class="theadBottom">&nbsp;</div>
<!-- endForum thead Heading PurevB -->

test test test test test test test test test test test test. <br><br><br>
</div>
<div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight">&nbsp;</div></div></div>
</li>


https://vborg.vbsupport.ru/external/2015/07/1.gif
https://vborg.vbsupport.ru/external/2015/07/2.gif

[Seven Skins]

Try adding this to the page:

.theadrow { border-left: 1px solid #dadada; border-right: 1px solid #dadada; padding: 20px; }