How to change footer background color?

With our DivTag Templates, you will be able to change the background color of the drag and drop footer area for “most” of our templates.  Here’s how to find out whether you can make the change to the template if you are using a DivTag template.

Click image to enlarge

With our templates already installed:

1) Log in to your Weebly Editor

2) Click on on the Design Tab on the top of your screen

3) Click on the Edit HTML / CSS tab on the right hand side of the top menu bar

4) On the tall vertical menu bar on the left hand side, see if you can find a file named “footerbg.jpgorfooterbg.png“.  The image to the right we are displaying the “footerbg.jpg” (just for this example)

If you can find either ”footerbg.jpg” or “footerbg.png” file, then you can customize the color of the drag and drop footer area.  If the template that you are using does not have these footer image files, then unfortunately you will not be able to customize the footer background color at the moment.

Click image to enlarge

The color for the footer area for the template is just an image file.  Click on ”footerbg.jpg” or “footerbg.png” and you will see the exact image file for the particular template that you are using.

Simply use any image editing program such as Photoshop Express Editor (Free), modify the image file to the color that you want your drag and drop footer area to display, and rename the file to exactly what your template’s current footer image is.

So for example, if the background image for the template that you are using is “footerbg.jpg“, make sure that your new image file is also named “footerbg” and is in a “jpg” image format.

Upload your new footer image file into Weebly Editor by clicking on the “Add new file(s)” button on the tall vertical menu bar on the left hand side.  Your new footer image file will completely overwrite / replace the existing footer image file.

Publish your website to see the change take place.  If the change doesn’t show up even after you publish, try clearing your browser’s cache, then try again.

 

 

Tags: