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 “white-bg”. 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.

image_23

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 .whitebg 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.
I.E.
  1. .content .whitebg .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.