Slidify: Alignment of Codes

Question

I have problem with the alignment of the codes in two column slide.

H

Answer 1

The trouble is because the default two column layout in Slidify center aligns the left column (I will fix it in the next version). This is the two column template used.

---
layout: slide
---
{{{ slide.content }}}
<div style='float:left;width:48%;' class='centered'>
  {{{ slide.left.html }}}
</div>
<div style='float:right;width:48%;'>
  {{{ slide.right.html }}}
</div>

Easiest fix would be to save the above layout as twocol.html in the directory assets/layouts and then remove class = "centered". Custom layouts automatically override system layouts. Just make sure that you drop the file in assets/layouts since that is the location where Slidify will look for custom layouts.