Navigation
Archive / How would I add these share buttons to a page in cornerstone? (Page 2)
This is archived content. Visit our new forum.
1 2
  • Author
    Posts
  • January 26, 2016 at 1:57 am #764460
    Christopher
    Moderator

    Hi there,

    Please add this :

    .x-entry-share .x-share:hover {
    background-color: transparent;
}

    Please find following code and remove background-color property.

    .x-entry-share .x-share {
   background-color: #02A1E1;
    color: #fff;
}

    Hope it helps.

    January 26, 2016 at 9:39 pm #766091
    xtjoeywx
    Participant

    I’m sorry but your last post was confusing. Where do I add that code? In the Custom CSS area?

    Also, I wouldn’t know where to look to find this:

    .x-entry-share .x-share {
   background-color: #02A1E1;
    color: #fff;
}
    January 27, 2016 at 2:55 am #766415
    Lely
    Moderator

    Hello There,

    Sorry for the confusion.
    You can add and find those CSS in Appearance > Customize > Custom > CSS.

    Hope this helps.

    January 27, 2016 at 3:40 am #766490
    xtjoeywx
    Participant

    Ok cool. That’s done. 🙂 Now how do I put space between each social icon? When I made them larger it put them closer together.

    January 27, 2016 at 5:49 am #766657
    Christopher
    Moderator

    Hi there,

    Please add this in customizer as well :

    .x-entry-share .x-share {
    margin: 0 0.7em;
}

    Hope it helps.

    January 28, 2016 at 4:28 am #768545
    xtjoeywx
    Participant

    Perfect. Thank you!

    January 28, 2016 at 6:34 am #768668
    Paul R
    Moderator

    You’re welcome! 🙂

  • Author
    Posts
1 2
  • <script> jQuery(function($){ $("#no-reply-762427 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>