Set a custom Headline for your Share Buttons

If you'd like to replace the Sharing is Caring (or other) Headline image with your own custom image, use your favorite photo editing software, like Photoshop, to express your creativity and replace the path to our image with the path to your image by including special CSS in your stylesheet.

The following style will apply to all Share Buttons apps where a Headline image has been selected in the app's configuration panel. Replace the URL in this example with the URL of your custom Share Buttons Headline image and adjust the height and margin-bottom property values to meet your needs.

.shareaholic-share-buttons-heading { 
     background: url('http://dsms0mj1bbhn4.cloudfront.net/assets/pub/share-buttons/share-headers-new/sharing-caring.png') 0 0 no-repeat;
     height: 65px;
     margin-bottom: -15px !important;
}
.shareaholic-share-buttons-heading-image { display: none; }


Remember to empty all caches in any caching plugins along with your browser's cache after applying the custom style to see the changes take affect on your site.

 

A special note for all you Shareaholics out there: If you are a designer or even somewhat artistically gifted, feel free to create a header image and email it to us: hello[at]shareaholic[dot]com. If your design is accepted and used in the plugin, we will personally pay you $10 via PayPal or send you a Shareaholic t-shirt (your choice).

So, if you know what you're doing in Photoshop (or not) and you have a creative gene, make a cool background image for the app, and we'll reward you! Keep in mind that the image doesn't have to say "sharing is caring" or "sharing the knowledge", etc... You can make it say whatever you want, but please make sure that it does in fact pertain to "sharing" somehow.

Have more questions? Submit a request

Comments

Article is closed for comments.