Need help? Check out our Support site, then


CSS the "Share this"

  1. 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 idolanuel.com.

  2. 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;
    }
  3. 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;
    }
  4. 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:" ?

  5. 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;
    }
  6. 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.

  7. Add the "!important attribute to the font size as below.

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

Topic Closed

This topic has been closed to new replies.

About this Topic