How To Add SideBars Into Wrapper?

[clemie]

I'm using the skin called Lights Off by Jawn, Jawn left the site where I got this skin from and I have no way to ask them for help.

I basically want to just code some side bars and add then, I don't wanna use the side bars plugin. 

However, anytime I try to add it to the Forum Wrapper it appears above the boards or below it doesn't go beside it like I want, does anyone know a way to make it go beside the boards?


prntscr.com/e1kch5

Thank you.

[Former Member]

Have you tried add a .sidebar inside your /home template and not the /forum_wrapper template ?

[clemie]

Yes I did, it either put it above or copied it between each board.

[Former Member]

You need to wrap the content into a main and sidebar section

Code is not complete but, should show you how to try your hand at it, you will also need to write the css for it to work.

<div class='custom-container'>

<section class='main'>
 {foreach $[category]}
    $[category.anchor]
    <div class="container boards">
      <div class="title-bar bbcode">
        <h2><div class="title_wrapper">$[category.display_name]</div></h2>
      </div>
      <div class="content cap-bottom">
        $[category.board_list]
      </div>
    </div>
  {/foreach}

  <!-- add additional stuff here... -->        
</section>


<aside class='sidebar'>
 $[news]


 <!-- add additional stuff you want in sidebar here... -->
</aside>


</div><!-- /.custom container -->

[clemie]

The side bar is where I want it to be now but

prntscr.com/e1l8i5

It pushed everything to the side and if I try to stretch the "Forum Width"

prntscr.com/e1l9bo

It just stretches but doesn't fix the boards.

[Former Member]

can you link to the site? I would need to inspect the code

[clemie]

Yes but the skin I'm changing to isn't on view as it's something I was trying to finish before making it the default c:

beginningofhistory.boards.net/

[Former Member]

It could be any number of conflicting things.

Again I would need to see the actual theme source and how you currently have the sidebar to offer any additional help.

I would just be guessing at this point.

You could have and element called .main, or .sidebar or any other number of selectors contributing to the behavior you are seeing. Have you tried debugging it yourself in browser developer tools?