Knowledge Base > Tips > CSS Files and Structure

in Tips

I’m using multiple CSS files in this theme. The first one is a generic reset file (reset.css). Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. Keep in mind, that these values might be overridden somewhere else in the file.

The second file (style.css) contains all of the specific stylings for the page. The file is separated into sections using:

	/* Structure */

	some code

	/* Header */
	
	some code
	
	/* Sidebar */
	
	some code
	
	/* Footer */
	
	some code
	
	etc, etc. 

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

Any images that are placed within the blog section have 5px worth of border. If you would like to edit the display of these images, find the following section in the style sheet:

	.shadow1 .content .entry-content .entry-image img {
		change styles here:
	}

Third one (ie7.css) is for IE7 specific styling.

	.gray img {
		-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
		filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	}

Fourth one (ie8.css) is for IE8 specific styling and fifth one for IE9. Basically the same as ie7.css, with only difference that it’s supposed for IE8.