Adding Footer Widgets

Have you already created a child theme?

it doesn’t work. The placement of the new space for the widgets covers the original footer area

sounds like a formatting issue, which can be best discussed when you post a live link to the problem.

also, which instructions did you follow, and what code exactly have you added where?

btw, the whole footer has this purple background image /wp-content/themes/box-of-boom/library/images/bg-footer.png
not just the #site-generator part.

Esmi: Yes, I always create child themes. Learned that trick very early on. ??

alchymyth:
1. I followed this tutorial here: https://www.themelab.com/2009/04/25/add-a-widgetized-footer-to-your-wordpress-theme/ (Granted, I know that it’s not for this exact theme.)
2. I have placed the code every where the tutorial has said to place it.
3. Here’s what the live version of it looks like thus far: https://coffeetimewithjen.com/wp/

On the footer: I kinda figured it had an image to it, I just don’t know how to bring it down further to accommodate the widget footer, I’d like to install.

Thank you both so much for the help, it’s greatly appreciated.

imho, it is a float issue with the .footer-item floated and the footer not.

try to add something like this to style.css (not widely tested):

#colophon { clear: left; }

and to bring the widgets to full width:

.footer-item { width: 33.33%; }

Thank you! It worked! You are awesome.