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!