I got it working, thanks for your help. Now I just need to explore how to properly stack them one after the other or do something that makes it more visually clean.
For those who run into the same issue, here's my laymens terms of getting this done from a non-coder, visual designer brain work flow.
Before you ATTACH a class name onto the element, you need to first create a DUMMY Div and name it the same name you want to attach to a selective element / object. You do this by Dragging a Div class anyone on the page, then go into the class text field and name it.. then delete the Div and start all over again. Once you've named all the classes, you can then go attach them to the element / object you want them associated with. Best metaphor I can give you is, imagine you have a class theater event, you go put the parents names on the seat, then the parents show up and they know where to go sit, sorry, but its the best I can muster up here... Family NameTag on the seat before the doors open for event! #applause2SabannaANDanna
If you have many like I did, you may want to start testing after your first one or two to make sure you're doing it right.