Hello!
How can i change default social buttons in posts?
Actually i have this: https://www.screencast.com/t/ypYSObAQ3mCb
But, i need something like this: https://www.screencast.com/t/ba3E6PjFLuRv
Thanks!
Hello,
This can only be done with css. The code gets pretty complicated in changing the style of each button as they are all different but here is an exmaple:
@media(min-width:767px){
.td-social-sharing-buttons{
padding: 32px 32px 32px 32px;
margin-right: 25px;
}
.td-social-but-text{
display:none;
}
.td-social-facebook .td-icon-facebook{
font-size: 35px;
top: -17px;
}
.td-social-twitter .td-icon-twitter {
font-size: 20px;
position: relative;
top: -10px;
}
.td-social-google .td-icon-googleplus {
font-size: 26px;
position: relative;
top: -14px;
left: -13px;
}
.td-social-pinterest .td-icon-pinterest {
font-size: 25px;
position: relative;
top: -13px;
}
.td-social-sharing-buttons.td-social-twitter{
padding: 32px 27px 32px 27px;
}
.td-social-sharing-buttons.td-social-google{
padding: 32px 38px 32px 38px;
}
.td-social-sharing-buttons.td-social-pinterest{
padding: 32px 28px 32px 28px;
}
}
It may require some fine tuning though on the paddings.
You can add the code in the theme panel-> custom css box.
Thank you!
