Hello,
I'm using the Helix template and when I integrate the Social Share addon with SP Page Builder, it displays vertically instead of horizontally... :(
https://prnt.sc/UbMeq1viFkn9
Thanks for your help.
Jack
Solved
SP Page Builder
Social icons
Accepted answer
Marked as the solution
Ziaul Kabir Staff
You are welcome. Could you plaese mark this as complete?
Thanks
5 more replies
Ziaul Kabir Staff
Hello Jack,
Thank you for reaching out to us. Could you please double-check that you’ve provided the correct URL? It seems the URL you shared is built with WordPress.
Thanks!
DigitM Asked this
Oops sorry, the website is under work in progress on an anothe servor.
Ziaul Kabir Staff
Hello,
This css is caused this issues, you can fix it by applying custom css.
.sp-module .sppb-social-share ul {
display: flex !important;
justify-content: center;
}For adding custom css you can follow this guide: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Best Regards,
DigitM Asked this
Thank you Ziaul, it's ok on line now.
And how can I remove the grey shading under the icons and the arrows in front?
And how can I make the icons a little bigger?
https://prnt.sc/urEE_Ous3JmW
Thanks again for your help.
Jack
Ziaul Kabir Staff
Use this code also:
.sp-module .sppb-social-share ul li {
border-bottom: unset !important;
}
.sp-module .sppb-social-share ul li a i{
font-size: 18px;
}You can adjust fontsize based on your need.
Thanks
DigitM Asked this
Thank you Ziaul,
But I would also like to remove the arrows in front of the pictos.
https://prnt.sc/Lu2kxRo8VO_l
Thanks again for your help.
Jack
Ziaul Kabir Staff
Hello DigitM,
Although we typically do not offer customizations, I’m happy to provide this for you as a valued user.
Please use the following CSS:
.sp-module .sppb-social-share ul li a:before{
content: unset;
}Thanks, Is there anything that I can assist you?
Best Regards,
DigitM Asked this
Thanks Ziaul , everything is ok.
Bonne journée
Ziaul Kabir Staff
You are welcome.
Log in to reply.