CMS Development

megawattmedia
Contributor

Custom Social Media styling for blog

SOLVE

what the best way to reskin the ugly misaligned default standard social media buttons within the blog system? 

like everything its seems to be wrapped up in wrappers...

 

blog_social_sharing

0 Upvotes
1 Accepted solution
stefen
Solution
Key Advisor | Partner
Key Advisor | Partner

Custom Social Media styling for blog

SOLVE

@megawattmedia you can't do much since they are all iframes whose content is controlled by the social media companies. If you just want to align them better, these styles might help:

.hs-blog-social-share {
    height: auto;
    padding-bottom: 0.5em;
    padding-top: 1em;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
Stefen Phelps, Community Champion, Kelp Web Developer

View solution in original post

1 Reply 1
stefen
Solution
Key Advisor | Partner
Key Advisor | Partner

Custom Social Media styling for blog

SOLVE

@megawattmedia you can't do much since they are all iframes whose content is controlled by the social media companies. If you just want to align them better, these styles might help:

.hs-blog-social-share {
    height: auto;
    padding-bottom: 0.5em;
    padding-top: 1em;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
Stefen Phelps, Community Champion, Kelp Web Developer