Tagged: social sharing
I need to make these buttons much more compact…seems like there has to be quickCSS way of doing it…everything I have tried has not worked
https://dl.dropboxusercontent.com/u/4309835/blog/publishServer/2015-04-27_1958_ShareIconsPost.png
Hi mocablue!
Can you please post a screenshot and show the changes you would like to make?
Regards,
Yigit
I just want to make something like this:
https://dl.dropboxusercontent.com/u/4309835/blog/publishServer/2015-04-27_1958_ShareIconsPost-01.png
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-share-box ul li, .av-share-box-list {
border: none!important;
}
.av-share-box ul li a:before {
border: 1px solid #888;
padding: 10px;
}
Best regards,
Yigit
Yigit – thanks for that definately going in the right direction…but the buttons are still too big…the boxes around the icons are sized…but I also wanted to move them closer together and not have such a big and heavy button presence to what if not of very high importance to the site.
Yigit,
As a reminder, as a reference – would like the larger buttons and accompanying mouse overs to be reduced to pretty much the size of the small boxed icons. that would make this whole thing like 1.5 inches wide instead of 5 which I much prefer.
Hi!
You can try this:
#top .av-share-box ul {
border: 0;
}
.av-share-box ul li, .av-share-box ul li:first-child, .av-share-box ul li:last-child {
border: 1px solid #e1e1e1;
}
.av-share-box ul li {
display: inline-block;
min-width: 50px;
margin: 0 15px;
}
.av-share-box ul li a {
padding: 5px 5px;
}
Add css media queries to adjust the width of the social icons on different screen sizes.
Best regards,
Ismael