Tagged: social sharing
-
AuthorPosts
-
April 28, 2015 at 2:00 am #435754
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
April 28, 2015 at 5:53 pm #436239Hi mocablue!
Can you please post a screenshot and show the changes you would like to make?
Regards,
YigitApril 28, 2015 at 8:39 pm #436353I just want to make something like this:
https://dl.dropboxusercontent.com/u/4309835/blog/publishServer/2015-04-27_1958_ShareIconsPost-01.png
April 29, 2015 at 9:13 pm #437057Hey!
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,
YigitMay 1, 2015 at 2:15 am #437872
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.
May 1, 2015 at 2:17 am #437875Yigit,
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.
May 4, 2015 at 6:09 am #438732Hi!
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 -
AuthorPosts
- You must be logged in to reply to this topic.
