Social Sharing Button

Hi,

1. Here you have to edit and remove share buttons: http://screencast.com/t/pawTnpy4xz
2.Use this custom css: http://screencast.com/t/pDJgmBDtRQ

.td-social-sharing-buttons{
font-size: 25px;
width: 180px;
height: 50px;
}
.td-social-sharing-buttons div.td-social-but-text{
top: 5px!important;
}
.td-social-sharing-buttons div{
top:5px !important;
}
.td-tags-and-social-wrapper-box{
display: table;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px){
.td-social-sharing-buttons{
width:auto;
height:auto;
}
.td-social-sharing-buttons div{
top:auto !important;
}
}

3. Please follow this solution: https://forum.tagdiv.com/topic/how-to-add-sharing-options-on-top-of-the-postarticle/

Thanks!

Hi,

Try to use !important to the height: http://screencast.com/t/k4JEqQMj126
Also if you don’t use 50px height how I set, it is possible to break buttons display. So you will need to change also the top values from the code that I provided to you.

Thanks!

Hi,

There is some margin from theme share buttons and some padding: http://screencast.com/t/IoroXcoo – http://screencast.com/t/ubg46cI85waY

.td-social-sharing {
margin-bottom: 0px!important;
}
.post{
padding-bottom: 10px!important;
}
.essb_links.essb_template_metro-retina{
margin-top: 0px!important;
}

Thanks!

Hi,

Please edit this file an change text from buttons: http://screencast.com/t/JZvCm748X
Result: http://screencast.com/t/z9NwP2OmVA

Thanks!