Knowledge Base > Tips > HTML Structure

in Tips

This theme is a fixed layout with two columns. All of the information within the main content area is nested within a div with an class of “shadow1”. The sidebar’s (column #2) content is within a div with an class of “sidebars”. The general template structure is the same throughout the template. Here is the general structure.

html_structure

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following:

	.shadow1 .content p {
		color: #someColor;
	} 

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.

I.E.

	.shadow1 .content .one_half p {
		color: #someColor;
	}

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.