Hey,
I recently managed to find the right demo for my website and changed everything. I also recently found the voice report demo. I don’t like the demo itself but I really do like the way the social counter is displayed. However, it seems impossible for me to manage to display it on my theme.
Any way i can get the social counter used on the “Voice report” demo on my demo ?
Hello,
Unfortunately that is a custom implementation made specifically for the voice report demo. If you want to replicate it on another demo, you will need the css code: https://www.screencast.com/t/l4I5hBeOXk and you need to create the element in the tagdiv composer and adjust it’s row settings and design options.
Thank you!
Alright, im going to give it a try to get it to work myself. I will let you know how it went.
could you check out what I’ve done at thisthinline.com?
This is as far as I could get it to work. I just guessed the grey background color code.
Hi,
Nice, you are getting there almost.
Now you just have to access design options and make a few adjustments. Click the social icon element in the tagdiv composer and use the css box model: https://www.screencast.com/t/PjnxUry3Le to add margin and padding. You might want to stretch the content as well so your social icons do not fall on 2 rows.
Thanks.
Hey Bogdan.
I did stretch the row and the content (i tried both) but it won’t display the buttons next to each other. it will force the 5th one on a new row.
I don’t know if there are any exact margin and padding settings that i should do to make it work
Hi,
The width of the socials seems to be wrong, a code like this will fix it however
– https://www.screencast.com/t/r12FBVZP
.td-social-style9 .td_social_type {
width: 20%;
}
Enter it in Theme panel->Custom CSS section.
Thanks
Hello, Simion.
That did the trick. I didn’t look close enough into the code that Bogdan send me. https://www.screencast.com/t/l4I5hBeOXk
Lines 228 & 229 confused me.
Thanks a lot!
It’s all working fine now.
