Site Help
CSS Starting Point for Padding, Background and Color
The document below is a starting point for making changes to the padding, backgrounds and text color for your site. You'll need some CSS knowledge to fill in the actual styles, but these css elements are the "building blocks" for the templates and adding elements to them will give you alot of bang for the buck when it comes to making general site changes.
Enjoy!
Stephen
- Code: Select all
/*
For Most Padding and Border and Background Settings the following CSS elements are the primary ones used.
Each template can have some variations, but if you start here, you've got a good chance of finding the change you
want to make.
Each column and the primary content area are built from a set of nested DIVs and Tables rows with IDs.
They look like this:
Primary Content Area
/*********** MAIN BODY ************
/
/ /******** WIDGET FRAME **********
/ /
/ / /****** CONTENT BODY **********
/ / /
/ / / /******* CONTENT ITEM *******
/ / / /
/ / / /****************************
/ / / /
/ / / /******* CONTENT ITEM *******
/ / / /
/ / / /****************************
/ / /
/ / /******************************
/ /
/ /********************************
/
/**********************************
/*********** LEFT/RIGHT COLUMN*****
/
/ /******** MENU FRAME ************
/ /
/ / /****** MENU BODY *************
/ / /
/ / / /******* MENU ITEM **********
/ / / /
/ / / /****************************
/ / / /
/ / / /******* MENU ITEM **********
/ / / /
/ / / /****************************
/ / /
/ / /******************************
/ /
/ /********************************
/
/**********************************
*/
/* PRIMARY Content Area */
#mainBody
{
}
.widgetFrame
{
}
.contentItem
{
}
.contentBody
{
}
/* LEFT and RIGHT Widgets */
#leftColumn
{
}
.menuFrame
{
}
#menuBody
{
}
.menuItem
{
}
Enjoy!
Stephen