Custom CSS

Create or edit a custom stylesheet that is included on all eMuseum pages when enabled.

Customcss

Editable CSS Code

.groups-page .result-title,
.texts-wrap .title {
    text-transform: uppercase;
}
#breadcrumb-wrap a:hover {
    text-decoration: none !important;
}
#hrc-em-disclaimer {
    padding: 30px 0;
    margin-top: 30px;
    border-top: 1px solid #ccc;
    font-size: 12px;
    width: 100vw;
    /* margin-left: -50%; */
    /* left: 50%; */
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    padding-left: 5%;
    padding-right: 5%;
    background: #eee;
}
@media screen and (max-width: 769px) {
    .hrc-emuseum-content-wrap.has-left-menu {
    	grid-template-columns: 1fr;
    }
    .qs-label {
        display: none;
    }
    .emuseum-quicksearch-inner {
        grid-template-columns: 1fr;
        padding: 0 15px;
    }
    .collection-groups-bar {
        display: none;
    }
}
.groupsIndexGrid .result.item {
    padding-left: 0px;
    padding-right:0px;
    margin-bottom: 0px;
}
.groupsIndexGrid .result.item .grid-item-inner {
    position:relative;
}
.groupsIndexGrid .result.item .grid-item-inner .img-wrap {
    margin-bottom: 0;
}
.groupsIndexGrid .result.item .result-title a{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(000,000,000,.5);
    opacity: 0;
    transition:opacity .3;
}
.groupsIndexGrid .result.item .grid-item-inner:hover .result-title a {
    opacity: 1;
}

Enabled

Whether the custom CSS should be enabled or not