title: Center vertical text on slider
body: <p>I'm using a template for my <a href="http://www.harinapana.com" rel="nofollow noreferrer">blog</a> but I want to vertically align the text on the slider. I've tried changing the padding but then it's not centered while on mobile. Also when I change the top value from 0 to a percentile value it doesn't work. </p>
  
  <pre><code>.sora-slide .ty-thumb-bonos {
    position: relative;
    float: left;
    margin: 0!important;
    width: 100%;
    height: 560px;
    overflow: hidden;
    display: block;
    vertical-align: middle;
  }
  
  .sora-slide .sora-slide-con {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    width: 100%;
    padding: 20px 10px;
    z-index: 2;
    box-sizing: border-box;
    text-align: center;
    max-width: 460px;
    display: table;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  </code></pre>