WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. gerikg
    Member
    Posted 1 year 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 1 year 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

About this Topic