CSS Guide

Remington asked 6 years ago

Hello, 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! Thank you!

2 Answers

0 Vote Up Vote Down

Nikola Loncar Staff answered 6 years ago

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? Best regards, Nikola

remingtonchan Staff replied 6 years ago

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?

0 Vote Up Vote Down

Nikola Loncar Staff answered 6 years ago

Hi, yes you can inspect element and see what are classes used there. Best regards, Nikola

remingtonchan Staff replied 6 years ago

Hi Nikola,

I’m having trouble overriding the properties for specific elements in EA.

https://imgur.com/a/7TFiAFK

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.

Thank you!

remingtonchan Staff replied 6 years ago

I found my way to address this! “!important” works to override what I needed!