How To Remove the Color in the Footer in the "Awesome" Template

Is the colored area in the footer of your "Awesome" template obstructing your view?  Here is how to remove it.  You will be left with a clear area across the entire bottom of your page, but will still have the name of the template designer.  Here's how:

1. Back up your template.
2. Click on "Edit HTML". 
3. Click on "Ctrl F" to open your find box.
4. In the find box, locate the following line by copying and pasting it in the box:  

.footer-outer {

 

Now, very carefully highlight the following (shown in red):


.footer-outer {


  margin: -$(shadow.spread) 0 -1px;


  padding: $(shadow.spread) 0 0;


  color: $(footer.text.color);


  overflow: hidden;


}


.

How To Remove the Color in the Footer in the "Picture Window" Template

Is the colored area in the footer of your "Picture Window" obstructing your view?  Here is how to remove it.  You will be left with a clear area across the entire bottom of your page, but will still have the name of the template designer.  See the bottom of this page, you will notice there is not any color in the footer.   Here's how:

1. Back up your template.
2. Click on "Edit HTML". 
3. Click on "Ctrl F" to open your find box.
4. In the find box, locate the following line by copying and pasting it in the box:  

.footer-outer {

Now, very carefully highlight the following (shown in red):

.footer-outer {

  color:$(footer.text.color);

  background: $(footer.background);

 

Got it?  Now hit your delete button and then preview.  The box will be gone, but the attribution ("Template by"...and "Powered by"...will remain, but the color will be gone.  Congrats!

How to Center Your Header in the *NEW* Template Designer

Are you having difficulty centering your header in the new "Template Designer"?  Try this...

1. Open the "Template Designer"
2. Click on "Advanced"
3. Click on "CSS"
4. Drop in the following code shown in red below:

#Header1 {width:800px;margin:0 auto}

Your header should now be centered.  Congrats!