WordPress.org

Support

Support » Plugins and Hacks » Jetpack by WordPress.com » [Resolved] Styling "Share this:" with a span tag

[Resolved] Styling "Share this:" with a span tag

  • 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!

    http://wordpress.org/extend/plugins/jetpack/

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

    @jeherve

    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!

    Thank you, Jeremy, that was perfect! 🙂

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