Skip to content

Instantly share code, notes, and snippets.

@joshfeck

joshfeck/grid.css

Created Feb 13, 2020
Embed
What would you like to do?
custom EE grid CSS example
.ee_grid_box_v2.item {
width: 190px !important;
}
.ee_grid_box_v2.item img {
width: 190px !important;
}
.ee_overlay {
background: rgba(0, 0, 0, 0.5) !important;
}
.ee_grid_box_v2 .event-link a {
width: 190px;
height: 195px;
z-index: 10px;
padding: 90px 0;
margin: -15px 0 0 -10px !important;
color: #ffa93a;
top: 2em;
}
.event-title,
.start-date {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 190px;
margin: 0!important;
font-size: 14px;
line-height: 16px;
padding-top: 10px
}
.ee_grid_box_v2 .event-title {
top: 19em;
position: absolute;
}
.start-date {
top: 15em;
color: black
}
.ee_grid_box_v2.item {
min-height: 360px;
}
.ee_grid_box_v2 .ee_overlay {
top: 0;
background: rgba(0, 0, 0, 0) !important;
}
.event-link a {
font-size: 0pt !important;
}
.event-link a:hover {
font-size: 16px !important;
transition: font-size 0.5s linear;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.