Jetpack by WordPress.com
[resolved] Styling "Share this:" with a span tag (3 posts)

  1. JestersTear
    Posted 3 years ago #

    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!


  2. Jeremy Herve
    Jetpack Mechanic
    Plugin Author

    Posted 3 years ago #

    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 h3.sd-title:after {
      	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!

  3. JestersTear
    Posted 3 years ago #

    Thank you, Jeremy, that was perfect! :)

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


No tags yet.