User Tools

Site Tools


library:css

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.

Background Elements

Header Background

#header-wrap {
    background-color: #ced42c;
    background-image: none;
}

Turns the color of the background above the link bar a dark yellow.

#gold-links-holder {
    background-color: #ced42c;
}

Turns the color of the background of the links bar a dark yellow.

body {
    background-color: #ced42c;
}
#footer-wrap {
    background-color: #ced42c;
    background-image: none;
}

Turns the background of the footer and the page that continues past it a dark yellow.

Font and Text Changes

#footer a {
    color: #ced42c;
    text-shadow: none;
}

Changes links on the bottom of the front page to a dark yellow.

#copyright_text, #footer_logo {
    color: #ced42c;
}

Button changes

Button classes beginning with .btn- are Bootstrap's built-in button colors.

To override them in your custom styles, specify their normal, hover/focus, and disabled states:

.btn-success {
    background: #007a54;
    color: white;
}
.btn-success:focus,
.btn-success:hover {
    background: #00593d;
    color: white;
}
.btn-success:disabled {
    background: #52635E;
    color: white;
}
library/css.txt · Last modified: 2024/08/28 22:59 by sleary

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

© 2008-2022 GPLS and others. Evergreen is open source software, freely licensed under GNU GPLv2 or later.
The Evergreen Project is a U.S. 501(c)3 non-profit organization.