Differences

This shows you the differences between two versions of the page.

--- library:css [2022/02/10 13:34] – external edit 127.0.0.1
+++ library:css [2024/08/28 22:59] (current) – button colors sleary
@@ Line 1: / Line 1: @@
-===== Evergreen 3.5 =====
+===== Evergreen 3.5+ =====
 As of Evergreen 3.5 it supports an org unit setting for adding CSS directly to the OPAC. This page will act as a repository for community members to share CSS code for customizing the OPAC.
@@ Line 55: / Line 55: @@
 </code>
+==== Button changes ====
+Button classes beginning with ''.btn-'' are [[https://getbootstrap.com/docs/4.1/components/buttons/|Bootstrap's built-in button colors]].
+{{ :library:bootstrap4-buttons.png?direct |}}
+To override them in your custom styles, specify their normal, hover/focus, and disabled states:
+<code>
+.btn-success {
+    background: #007a54;
+    color: white;
+}
+.btn-success:focus,
+.btn-success:hover {
+    background: #00593d;
+    color: white;
+}
+.btn-success:disabled {
+    background: #52635E;
+    color: white;
+}
+</code>