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 “main-content”. The sidebar’s (column #2) content is within a div with an class of “sidebar-right” or “sidebar-left”. The general template structure is the same throughout the template. Here is the general 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:
  1. .content .maincontent p {
  2. color: #someColor;
  3. }
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.
  1. .content .maincontent .one_half p {
  2. color: #someColor;
  3. }
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.