WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
[resolved] change background colour of share icons (6 posts)

  1. zanchit
    Member
    Posted 9 months ago #

    Please can you advise how I change the background colour of the share icons. Just need to have colour more suitable for my site, or transparent.
    thank you so much

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

  2. Richard Archambault
    Happiness Engineer
    Plugin Author

    Posted 9 months ago #

    Hi,

    Without knowing what your site's URL is, the best I call tell you is to try targeting the .sharedaddy class with CSS.

  3. zanchit
    Member
    Posted 9 months ago #

    Sorry! zanchit.co.uk is URL.

  4. zanchit
    Member
    Posted 9 months ago #

    Not having much luck. Have tried putting some custom css in but no change. Tried:

    div.sharedaddy a.sd-button:active {
    	background-color: #83887b;
    	box-shadow: inset 0 -1px 0 #fff;
    	border-color: #b4b9ab;
    }

    tried:

    .sharedaddy a.sd-button:active {
    	background-color: #83887b;
    	box-shadow: inset 0 -1px 0 #fff;
    	border-color: #b4b9ab;
    }

    tried:

    div.sharedaddy a.sd-button, a.sd-button:active, a.sd-button:hover {
           background-color: #83887b;
           border: 3px solid #b4b9ab;
    }

    obviously am doing something wrong! Any advice gratefully received.

  5. Richard Archambault
    Happiness Engineer
    Plugin Author

    Posted 9 months ago #

    Hi!

    The problem is, there are also rules targeting individual browser rendering agents, such as Webkit (chrome and Safari), as you can see here:

    http://plugins.trac.wordpress.org/browser/jetpack/trunk/modules/sharedaddy/sharing.css#L146

    Try following the same pattern for your rule, but just change the color, it should then work.

  6. zanchit
    Member
    Posted 9 months ago #

    thank you so much
    All sorted now.

Reply

You must log in to post.

About this Plugin

About this Topic