I’m currently tinkering with Easy Appointments but I do not really know the parts of the form that can be edited through CSS.
My only clue is ea.standard from one other post in the forums, and I was also able to make ea.bootstrap work, but I was wondering if anybody can provide a guide, or the proper class names used for Easy Appointments so that I can customize the look and appearance to be similar to my website’s theme.
Any help would be greatly appreciated!
Hi Remington, you are right CSS guide is missing. You can style everything but it will take some time and skill to do that. Can you share link to your site / page with EA form?
Hi Nikola, I’m currently only running it on a localhost so I don’t have a live link I can share.
I’m currently using the bootstrap version with 2 columns.
I suppose I can dive right into inspecting the elements of the tables and forms and go from there?
Hi, yes you can inspect element and see what are classes used there.
I’m having trouble overriding the properties for specific elements in EA.
I wish to change the green color and the yellowish color pointed on the arrows.
I also want to change the font size of the time cells.
Upon implementing my custom CSS, and checking the inspector, I can’t figure which CSS block is overriding this.
I hope you can help.
I found my way to address this! “!important” works to override what I needed!