Social Icons - Question | JoomShaper

Social Icons

D

DigitM

SP Page Builder 1 year ago

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

0
10 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 year ago #172796

You are welcome. Could you plaese mark this as complete?

Thanks

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 year ago #171931

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!

0
D
DigitM
Accepted Answer
1 year ago #171932

Oops sorry, the website is under work in progress on an anothe servor.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 year ago #171935

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,

0
D
DigitM
Accepted Answer
1 year ago #171937

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

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 year ago #171943

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

0
D
DigitM
Accepted Answer
1 year ago #171952

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

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 year ago #172007

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,

0
D
DigitM
Accepted Answer
1 year ago #172793

Thanks Ziaul , everything is ok. Bonne journée

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 year ago #172905

You are welcome.

0