Styling "Share this:" with a span tag

  • Resolved JestersTear

    (@jesterstear)


    11 years, 11 months 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!

    https://www.ads-software.com/extend/plugins/jetpack/

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

    (@jeherve)

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

    Thread Starter JestersTear

    (@jesterstear)

    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.