[xtjoeywxParticipant]

I’m trying to figure out a way to add these icons to make them clickable just as they are laid out in the attached image. I have no clue how to do it in cornerstone. Is this possible? The page has a sidebar on the left so I would like them centered in the page section.

[ChristopherModerator]

Hi there,

Thanks for writing in !
Sharing icons are clickable. would you provide us with URL of page in question so we can see the issue?

Thanks.

[xtjoeywxParticipant]

What I’m saying is that I would like to add these icons and make them clickable to the body section of this page just below this text: “SHARE YOUR DISCOVERY WITH THOSE YOU LOVE”

My questions is how do I do this using cornerstone? I was thinking I could add images but there is only an options to add four columns.

[xtjoeywxParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add ‘social sharing’ element to your page, see the attachment.

Hope that helps.

[xtjoeywxParticipant]

But again, that only has a few sharing buttons. I would like to add all of the ones in the picture I attached above. Facebook, Twitter, Pinterest, Instagram, Google+, and YouTube. Yours is missing Instagram and YouTube. I also would like to use my buttons because of color, design, etc and I don’t want the grey line above or below the buttons.

[ChristopherModerator]

Hi there,

Adding extra buttons like Instagram and Youtube could be possible with custom development but it would be outside the scope of our support.

To change the style of sharing buttons, please add the following code in Customize -> Custom -> CSS :

.x-entry-share .x-share { 
    background-color: #02A1E1;
    color: #fff;
}
.x-entry-share {
    margin: 0 0 2.15em;
    border: none;
}

Hope that helps.

[xtjoeywxParticipant]

That does help. How do I delete the “share this post” text?

[Paul RModerator]

Hi,

You can add this under Custom > CSS in the Customizer.

.x-entry-share > p {
    display:none;
}

Hope that helps.

[xtjoeywxParticipant]

That worked, Thanks. I notice on another thread you guys said someone could replace unused cornerstone social icons with custom ones. I would like to replace the Reddit icon with Instagram and the Linkedin icon with YouTube. Also, while I’m at it, I would also like to replace the current Facebook, Twitter, Google+ and Pinterest social icons with mine (see image). How would I do this on this page?

[FriechModerator]

Hi There,

Regretfully, sharing to YouTube and Instagram will require custom development if not impossible.

Please add a class to your Social Sharing element first, then you can add this under Custom > CSS in the Customizer.

.myclass .x-icon-facebook-square:before {content: url('FACEBOOK ICON URL');}
.myclass .x-icon-twitter-square:before {content: url('TWITTER ICON URL');}
.myclass .x-icon-google-plus-square:before {content: url('GOOGLE PLUS ICON URL');}
.myclass .x-icon-pinterest-square:before {content: url('PINTEREST ICON URL');}
.myclass .x-icon-linkedin-square:before {content: url('LINKEDIN ICON URL');}

Replace the icon URL with the respective icons. Make sure your icons has the same sizes and keep it small.

Let us know how it goes.

Cheers!

[xtjoeywxParticipant]

Oh haha, you are right! I feel dumb thinking about that now. I know what you mean.

Thank you for giving me an easy way to change those icons. That helps a lot.

[ChristopherModerator]

You’re welcome.

[xtjoeywxParticipant]

One last thing. How do I get rid of the social icon’s background circles? I have new icons that have larger circles and it looks funny with the smaller circles behind them. Also, how do I separate the icons so they aren’t so close to each other?

[xtjoeywxParticipant]

This reply has been marked as private.

[Author]

Posts