Knowledge Base > Tips > CSS Files and Structure

in Tips

First and most important CSS  file called 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

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.

Third one is responsive.css which contains all the code which is required to provide responsiveness. More information about Twitter Bootstrap framework you can find here

In /css folder you will also find ie7.css, ie8.css and ie9.css which are supposed to work only in IE7, IE8 and IE9 browsers.

.slider-container .featured-slides .featured-slide-text-container {
background: transparent;
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)”; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); /* IE6 & 7 */
zoom: 1;

All of them is basically the same as with only difference that it’s supposed for IE7, IE8 and IE9.

Also you will see that in /css/color-schemes/ is specific stylesheets for each color scheme