Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1409903
    tlwoods
    Participant

    Hello,

    I need to change the styling on the social share shortcode and I’m not sure how to do it. I need to have both Facebook and Twitter, but the icons need to be larger and I need to change the colors to the official network shades of blue. I tried adding some info for the class in CSS to no avail and would like to use these icons. I tried adding them as individual icons, but unfortunately I can’t seem to make the link work to share the current URL.

    Any advice?

    Thanks!

    URL: Reclaimnewyork.org

    #1410128
    Jade
    Moderator

    Hi there,

    Please add this code in the customizer:

    .x-share-options i {
        font-size: 40px;
    }
    
    .x-share-options .x-icon-twitter-square {
        color: #1da1f2;
    }
    
    .x-entry-share .x-share:hover {
        background-color: transparent;
    }
    
    a.x-share .x-icon-facebook-square {
        color: #495784;
    }

    Hope this helps.

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