CSS the "Share this"

• 

  idolanuel · Member · Jul 10, 2012 at 5:07 pm

  • Copy link
  • Add topic to favorites

  Hi,

  How can I change the appearence of the “Share this” writing?

  I would like to make it bigger, and maybe in another color and font, just to make more people share my posts to the social network.

  Can it be done using the CSS?

  10x.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jul 11, 2012 at 7:50 am

  • Copy link

  Add this to your CSS and then edit as desired. I’ve included pretty much everything. Any specific declaration you are not changing can be deleted from the below.

  div.sharedaddy h3, #content div.sharedaddy h3, #main div.sharedaddy h3, #primary div.sharedaddy h3 {
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  }

• 

  thesacredpath · Member · Jul 11, 2012 at 7:51 am

  • Copy link

  Oops, I forgot the font color. Use this instead.

  div.sharedaddy h3, #content div.sharedaddy h3, #main div.sharedaddy h3, #primary div.sharedaddy h3 {
  color: #000000;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  }

• 

  idolanuel · Member · Jul 13, 2012 at 3:18 pm

  • Copy link

  Thanks,

  It works great but the only problem is that it consist also the “Like this” line below.

  Is it possible to activate it only for the “share this:” ?

• 

  thesacredpath · Member · Jul 13, 2012 at 6:15 pm

  • Copy link

  Sorry, this will specifically target just that “share this” text. Edit as desired.

  .sd-sharing h3 {
  color: #000000 !important;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif !important;
  font-size: 12px !important;
  font-weight: bold !important;
  }

• 

  idolanuel · Member · Jul 16, 2012 at 7:08 am

  • Copy link

  Hi,

  10x for your kind replies.

  Now it does affect only the share and not the like, but the only command that tae effect is the color. nor the blue, the font-size or the font-family works.

  Thank you.

• 

  thesacredpath · Member · Jul 16, 2012 at 7:42 am

  • Copy link

  Add the “!important attribute to the font size as below.

  .sd-sharing h3 {
      color: blue;
      font-size: 15px !important;
  }