Adding a Photo To Service – Acuity Scheduling

[ampedout]

I have been trying to find a solution to this for the last couple of days. I need to add an image next to my service listing on the website that I am building. http://www.energyreclaimer.com.

http://energyreclaimer.com/wp-content/uploads/2014/10/service-image.png

I assumed that it work would like this:

#appointmentType-221563 {background-image:url('http://energyreclaimer.com/wp-content/uploads/2014/10/down-arrow.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 4em;
}

Among a lot of other CSS formatting variations. I am obviously not doing this correctly. Each appointment service type has an ID like shown in the picture. I am assuming that is what I will need to editing.

[Author]

Posts