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!

Important Information for New Template Design Users

A lot of you are using the new template designs in Blogger.  The default in the templates is to show the background of any image in another color such as white.  For example, if you download any of my images, they were all created with a transparent background.  If the image shows on your blog with a colored background, here is how to fix it:

1.  Go to your dashboard and click on your blog.
2. Click on "Template Designer"
3. The click on "Advanced" and in the next column, scroll until you see "Images"
4. Under "Background Color" you will see a small box at the bottom of the color choices that says "Transparent".  Do a mouse click in that box.  In the box at the top it should say "Transparent".  In the next column under "Border Color", again there will be a small box at the bottom of clor choices that says "Transparent".  Do a mouse click in that box.  In the box at the top is should say "Transparent".
5. You should now see the word "Transparent" in two boxes at the top of your page.
6. Now don't forget to click on the orange button on the top right of your page that says "Apply to Blog".  If you forget to do this, you will not apply the changes.  

Well, that's it!  Thanks again for stopping by!