Customize the verb text on the "rectangle" Share Button theme

Follow

Some of our preset themes (Classic, Flat Square, and Sexy) can be configured to have a rectangular appearance. These rectangular share buttons already have the verbs "Tweet", "Pin", or "Share."

share-rectangle_buttons.png

In some cases, you may want to customize the verb to reflect the personality and/or language on your site. You can do so by editing some CSS.

Warning: editing CSS can be a bit tricky, so if you're not used to delving into your site's code, you'll want to tread carefully.

How to customize the verb text on for a specific rectangle Share Button

1.) Add the following CSS to your site stylesheet:

.service-twitter + .share-button-verb b {
 display: none;
}
 
.service-twitter + .share-button-verb:before { 
 content: 'INSERT VERB HERE';
}

2.) Replace the ".service-twitter" with the share button service you would like to customize. For example: if you want to customize the Facebook button verb text, you would need to enter ".service-facebook".

3.) Replace the text 'INSERT VERB HERE' with the desired verb text. (Note: if the length of the word is too long, the text will not fit into the box.)

Here's the result:

 

How to customize the verb text for all rectangle Share Buttons

1.) Add the following CSS to your site stylesheet:

.share-button-verb b {
 display: none;
}
 
.share-button-verb:before { 
 content: 'INSERT VERB HERE';
}

2.) Replace the text 'INSERT VERB HERE' with the desired verb text. (Note: if the length of the word is too long, the text will not fit into the box.)

Was this article helpful?