Support » Plugin: Jetpack by » Styling "Share this:" with a span tag

  • Resolved JestersTear


    I am attempting to style “Share this:” according to my client’s specifications. Right now I am targeting

    div.sharedaddy h3, #content div.sharedaddy h3

    Is there any way for me to wrap a span tag around one of the words (either “Share” or “this:”) so I could style them independently?

    Thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Jeremy Herve


    Jetpack Mechanic 🚀

    Adding a <span> tag would require that you change the code of the plugin.

    Instead, you could use CSS to customize one of the words. Try the following:

    1. Go to Settings > Sharing, and change the sharing label to “Share”
    2. Add the following CSS code to your custom CSS editor or to your theme stylesheet:
      div.sharedaddy .sd-sharing {
      	content: ' this:';
      	font-weight: 400;

    Of course, you can use other CSS rules, the font weight change was just an example!

    I hope this helps!

    Thank you, Jeremy, that was perfect! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Styling "Share this:" with a span tag’ is closed to new replies.