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: }

The best summary of UK election choices so far

Yesterday in the Guardian George Monbiot offered the best summary of the upcoming UK election so far.For me the highlight was this paragr...… Continue reading

Make sure your registered to vote

Published on April 23, 2017

Youtube Will Never Get Censorship Right

Published on March 21, 2017