Issues With Social Share And Countdown Add-ons
Genadijs
I am experiencing issues with the Social Share and Countdown add-ons.
Social Share: this add-on is not functioning properly when placed in a module. Additionally, I would like to request a change of the Twitter icon to an "X" icon. Could you please advise on how to resolve these issues?
Countdown: the add-on does not display horizontally in the mobile version. Could you assist with this matter?
Mob
PC
Thank you in advance for your help!
Best regards, Genadijs
Genadijs
Accepted AnswerI found a solution on your forum for the Countdown Addon. The CSS code helped me, but I couldn't find a solution for the Social Share.
Countdown addon is now displayed in one line for mobile:
.sppb-countdown-timer > .sppb-col-sm-3 {width: 25% !important;}
Asfakur Rahman Saikat
Accepted AnswerHi Genadijs,
Thank you for reaching out! I've added the following custom CSS to the style tab of the social icon:
#addonId ul{
display: flex;
}Here’s a preview: https://prnt.sc/D1U8jvpbfzGv
If you have any further questions or need assistance, please feel free to let me know.
Best regards
Asfakur Rahman Saikat
Accepted AnswerYou're very welcome! Honestly, it feels great to hear that you were able to solve it on your own. Have a wonderful day!
Please mark the most helpful solution as accepted to close the post. Thank you!
Genadijs
Accepted AnswerThank you for your quick reply. Now the social share is in one line but I wanted to put it on the right side, I added the code, everything worked out but the title on the right does not move.
justify-content: flex-end;
How can I move the title to the right?
Asfakur Rahman Saikat
Accepted AnswerPlease apply the following CSS:
#addonId .sppb-addon-title{
width: 100%;
text-align: end;
}You can also use text-align: start; or text-align: center; as alternatives.
Best regards.
Genadijs
Accepted AnswerThank you very much, now everything looks great. Tell me if the Twitter icon will be replaced with an X?
Asfakur Rahman Saikat
Accepted AnswerPlease follow the steps in the documentation: How to Use the New X (Twitter) Icon: https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-use-the-new-x-twitter-icon Let me know if this resolves your issue. Thanks!