custom EE grid CSS example

grid.css

.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;
}