Docs

[melissamaryse]

Hi!

I am using the social sharing element provided in X but I can’t manage to change the font size of the text. I can only change the color.
I would like to change the size of the sharing buttons as well. Could you help?

Thank you!

[Jade]

Hi there,

Please use this CSS:

.x-entry-share p {
    font-size: 14px;
}

.x-entry-share .x-share i {
    font-size: 20px;
}

Hope this helps.

[melissamaryse]

Hi!

It worked for the sharing buttons but they come very close to each other. How can I increase space between them?
And it doesn’t work for the text. Do you have any other suggestion?

Thanks a lot!!

[Thai]

Hey there,

Please add the following CSS:

.x-entry-share .x-share {
    margin-right: 8px;
}

Hope it helps.

[melissamaryse]

Hi!

It is working thanks.
But the text font are still not changing size.
Could you help?
Thank you!!

[Rue Nel]

Hello There,

The css code given should have work with no issues at all. To assist you better with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[melissamaryse]

Hi,
Sure. it’s zumbasol.se

Thanks

[Rupok]

Hi there,

Thanks for writing back! It seems your website is under construction. Please take it off or provide us the credentials in private reply so that we can check and assist you on this.

Thanks

[melissamaryse]

Hi,

I took it off.
Thanks!

[Rupok]

Hi there,

It seems you are using the below code to change the font size which is working fine :

.x-entry-share .x-share i {
  font-size: 50px;
}

So I am not sure what you are trying to achieve.

Thanks

[melissamaryse]

Hi and thanks for your answer.
The code works for the icones (facebook and email) but not for the text written above them which I would like bigger.
Can you help?
Thank you!!

[Nico]

Hi There,

To adjust the text size try adding this in your custom CSS:

.x-entry-share p{
font-size:15px;
}

I could see this in your code:

text-rendering: optimizeLegibility; – Please remove it or add // to comment it out because it causes not to change anything on your font.

Hope it helps. If still not helping, please share us your admin credentials so we could check your setup closer. Don’t forget to set it as private reply.

Let us know how it goes.

Thanks

[Author]

Posts