Overriding inline css

For some work I have been doing for GridGiant I have been adding Skype buttons to static sites. The Microsoft built JS Skype buttons offer useful device integration, however they also inject some inline css – rather unhelpful. Fortunately you can override inline css using ‘!important’ (a technique I was remind of here).

The following css cancels out the inline style applied.

#genSkypeCall p a img[style]{<br /> margin:0px !important;<br /> vertical-align:-7px !important;<br /> }

The -7px deals with the fact that supplied image has white space under it.

The other elements introduced to the html body are below which seem to required to be all set to inline to get a horizontal navigation rather than a vertical one.

#genSkypeCall{ display:inline; }<br /> #genSkypeCall p{ display:inline; }<br /> #genSkypeCall_paraElement{ display:inline: }

Music Picks of 2017

My music picks of 2017. Continue reading

Merry Christmas One and All

Published on December 24, 2017

The Dawn of Grace by Sixpence None the Richer

Published on December 14, 2017