Support » Plugin: Jetpack by WordPress.com » change background colour of share icons

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Richard Archambault

    (@richardmtl)

    Happiness Engineer

    Hi,

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

    Sorry! zanchit.co.uk is URL.

    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.

    Plugin Contributor Richard Archambault

    (@richardmtl)

    Happiness Engineer

    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.

    thank you so much
    All sorted now.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘change background colour of share icons’ is closed to new replies.