This is the code you need to make your image posts all monochrome. This code will be placed before <style type”text/css”:>.
.grayscale {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(grayscale.svg); /* Firefox 4+ */
filter: gray; /* IE 6-9 */
}
Open up the customization page and click ‘Edit HTML’.
After you have done that, CTRL+F: {block:Photo}, insert classes because that’s how I applied my CSS. By applying classes, it allows the filter work on other browsers than Chrome without being too complex. Too see an example of the class inserted, look here. My basic rule is wherever an <img src=”“> is, you can insert a class and apply it to. It does not necessarily have to be in the front of the src HTML. It can be like this too:
<img src=”” alt=”” class=”grayscale”>
This code will not only work on Chrome but it is also compatible with Firefox 4+, IExplorer 6+, Safari 5.2+, Opera 13+.
If you have any questions, do not inbox me anonymously. I will not answer it. I do not want to make followers unhappy with a million questions about this one code because it is all over their dashboard. They did not follow me for HTML/CSS.
Anyways, yep, there we go! Credit goes to -hina for bringing up the concept about grayscale.
Posted by Queenie.