source - Original source files other files are part of the source, you do not need to upload any of these to your server. Use these to change the code or style.
deploy – Published files for adding item to the site. These are the files you need to upload to your server.
help – Help file (HTML)
Open Sans (You can download it here as free: http://www.fontsquirrel.com/fonts/open-sans)
You can change font from CSS file.
You need to copy the following CSS file at first:
<link href="css/css3-image-hover-effects.css" rel="stylesheet">
If you want to use Circle type effects include:
<link href="css/css3-image-hover-effects/circle.css" rel="stylesheet">
If you want to use Square type effects include:
<link href="css/css3-image-hover-effects/square.css" rel="stylesheet">
Here is the general structure:
<div class="item-hover effect1"> <a href="#"> <div class="spinner"></div> <div class="img"><img src="images/1.jpg" alt="img"></div> <div class="info"> <div class="info-back"> <h3>Heading here</h3> <p>Description goes here</p> </div> </div> </a> </div>
If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.
So, to ensure that your new styles are applied, make sure that they carry enough weight and that there isn't a style lower in the CSS file that is being applied after yours.