With most browsers supporting CSS3, its probably a good idea to use CSS3 instead of background images so that the browser will load the theme faster. After playing around with the CSS for nearly an hour, I got the blog theme to use only CSS3 and no images except the footer.
Replace style.css.php with this:
Add this to style.css:
Download this image and place it in the images folder of Mandigo theme.
CSS3 conversion only works in CSS3 supported browsers such as Mozilla Firefox, Apple’s Safari, Google Chrome, Opera and Internet Explorer 9 Beta. Internet Explorer 8 or earlier users won’t see the CSS3 effects.
Caveats
The Box Shadow will make scrolling in Safari a bit laggy. Other browsers including Google Chrome (webkit based) do not exhibit this bug.
Leave a Reply