Classic Social Share layout

[Murakami]

Hello guys,

I’m using the Classic Social Share inside my posts but I’m not able to change the style of the element. I’ve read more than 5 posts and tried many CSS but nthing seems to work.

The style thatI’m trying to achieve is this:

while the default element look like this:

Can you help me?

Thanks for your time

[jade]

Hi Fabio,

Please try this code:

.x-entry-share {
    display: flex;
    align-items: center;
    border: 0;
}

.x-entry-share .x-share-options a {
    border-radius: 0;
    background-color: transparent;
    width: auto;
    height: auto;
    margin-right: 5px;
}

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

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps you get started.

[Murakami]

Hello, thanks for the fast reply!

The code did’t work well but no problem, I decided to use a third party plugin for that.

Are you planning any update to the social sharing element? Like a V2?

Thanks!

[jade]

Hello Fabio,

Perhaps there is a CSS error in the code you have in the custom CSS that is why no matter what CSS you try to add is not working. To verify that, please copy all the codes that are in the Global CSS and paste it here.

It should provide some information if there are any CSS error that is causing the issue that you have to fix so that the CSS codes will work.

As for a V2 Element for the Social Share element, there is no concrete plan about adding a V2 element for it but I have taken a note of this and added it to our Feature Request List so that it will be considered in future development.

Thank you.

[Murakami]

Really there’s no problem @Jade, I’m happy with the TP Plugin. I’ve asked so many questions (and I got some more ) that I prefer to abuse of your kindness for other topics!

Have a good week!

[friech]

Hi Fabio,

Glad you achieve your social share styling and we are happy to help you with your other questions.

Just a heads up that we might not add a v2 for Classic Social Share element because we’ve just added a sharing feature on the Social element, with that element you can style the icons and have the sharing capability of it. It’s still in Alpha version though, stay tuned for our next release.

https://theme.co/changelog/

Cheers!