Category: CSS

Cross browser styling placeholder and placeholder fix in IE 8 & IE 9

Style Placeholder in different browser To style placeholder, add the following properties in your css: ::-webkit-input-placeholder { font-size: 20px; } :-moz-placeholder { /* Firefox 18- */ font-size: 20px; } ::-moz-placeholder { /* Firefox 19+ */ font-size: 20px; } :-ms-input-placeholder { font-size: 20px; } You can change the styling based on your need.   OH NO! […]

Read more

[responsive design] Change number of box per row based on the screen size

How will it looks? Do you ever need to put a different size for the product / item listing but want to have a little more control than just 25% and let them stretch accordingly? Let’s take a look at the example here, I’ve put a couple of different numbers for the column for different […]

Read more

Change menu size on scroll with jQuery scrollTop()

Learn how to change the menu size and transparency when you scroll the page down with jQuery scrollTop() function. Tutorial demo available for download.

Read more