WordPress.org

Forums

Jetpack by WordPress.com
[resolved] Add Custom Share button w/o Text with Official Buttons (2 posts)

  1. gerikg
    Member
    Posted 2 years ago #

    <a href="http://stocktwits.com/widgets/share" id="stocktwits-share-button"><img src="https://stocktwits.com/images/widget/stocktwits_share.png" alt="Share on StockTwits"/>

    StockTwits already has words on the image. When I add a custom button it has the text Stocktwits on top of the image. When I pick icon only it shows the small button with the image cut off.

    How can I have the option of the official button & Custom button without text

    http://wordpress.org/extend/plugins/jetpack/

  2. gerikg
    Member
    Posted 2 years ago #

    I've figured it out

    a.share-custom {
    	background: url('https://stocktwits.com/images/widget/stocktwits_share.png')!important;
    	width: 105px;
    	height: 20px;
    }
    
    div.sharedaddy a.sd-button {
    	border: 0!important;
    }
    
    .share-custom span {
    	display: none!important;
    }

    This works with StockTwits but if you want it for your button change the height and the width to match the image size and put the right URL to your image

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Jetpack by WordPress.com
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic