WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. JestersTear
    Member
    Posted 1 year 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!

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

  2. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year 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
    Member
    Posted 1 year ago #

    Thank you, Jeremy, that was perfect! :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.