I am working on updating the appearance of previous addresses and have a few questions.
(1) OpenEMR CSS Styles/Themes
How should I do custom css styling in OpenEMR?
I know that you don’t want inline styling.
There are multiple themes. Is there a way that I can specify a custom style without having to change it in every theme?
Where do I put the custom styling?
(2) Using bootstrap styling
I am trouble having bootstrap do the exact styling that I need. Bootstrap documentation shows I can modify/customize some of the bootstrap styling.
Where in OpenEMR can I do this?
For example, there are 8 background colors in class .bg-primary, etc. I don’t like these. I would like to use gray-400 (specified in bootstrap) but I can’t figure out how to set the background to gray-400. .bg-gray-400 does not work.
(3) Table vs DIV
Previous addresses uses a table for the header, but div’s for the rows. I see why Stephen changed the rows to divs. I am thus trying to change the header to a div and not use table. However, I would like to display the divs using bootstrap’s table styling. I like the style of thead-light. However, it won’t work if I specify the class of the div as thead-light. I also like the lines between the table rows like class table-sm in bootstrap. Is there a way to easily use this in the div class? Or, should I just specify a bottom border to each row in css? Where do I specify this if I should not do inline styling.
Thank you for any advice/guidance.