title: Modify Youtube Subscribe Button on Wordpress
body: <p>recently I have added a FB like button and a Twitter follow button on my wordpress site and, in order to vertical align them I've inserted this code in the "user.css" template:</p>
  
  <pre><code>.fb-like {
       position: relative;
       top: 50%;
       transform: translateY(-50%);
  }
  
  .twitter-follow-button{
       position: relative;
       top: 50%;
       transform: translateY(-50%);
  }
  </code></pre>
  
  <p>Now I'm trying to insert a Youtube subscribe button (class=g-ytsubscribe) and, in order to align it, I've inserted the sequent code</p>
  
  <pre><code>.g-ytsubscribe{
           position: relative;
           top: 50%;
           transform: translateY(-50%);
      }
  </code></pre>
  
  <p>While for the first two buttons it's working, for the youtube button it's not working and the result is that:</p>
  
  <p><img src="https://i.stack.imgur.com/QG6DM.png" alt="enter image description here"></p>
  
  <p>How could I fix it???</p>
  
  <p>Thank you all!!!</p>