HTML Structure

This theme is a responsive layout with one column for sidebar. All of the information within the main content area is nested within a div with an id of “post”. The sidebar’s content is within a div with an id of “primary”. The general template structure is the same throughout the template.

The header is contained in a header element with the class “master_header” while the footer is in a footer element with the id=”colophon”.

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

	
#primary a {
    color: #someColor;
    } 

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.Use tools like Firefox Firebug or Developer tools in Chrome to identify the id and class of the elements and see if your changes are working.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.