# wp-ultimate-post-grid/4.0.1/templates/grid/hover-with-date/hover-with-date.css

WP Ultimate Post Grid, version 4.0.1. 28 lines.

- Page: https://pluginprobe.com/plugins/wp-ultimate-post-grid/4.0.1/code/templates/grid/hover-with-date/hover-with-date.css
- Raw: https://pluginprobe.com/plugins/wp-ultimate-post-grid/4.0.1/raw/templates/grid/hover-with-date/hover-with-date.css
- Modified: 2020-01-24T07:47:12+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/wp-ultimate-post-grid/4.0.1/code/templates/grid/hover-with-date/hover-with-date.css#L10-L20`.

```css
.wpupg-template-hover-with-date {
	border-style: solid; /* wpupg_border_style type=border */
	border-width: 1px; /* wpupg_border_width type=size */
	border-color: #000000; /* wpupg_border type=color */
	border-radius: 0px; /* wpupg_border_radius type=size */
	padding: 0;
	text-align: center;
}

.wpupg-template-hover-with-date .wpupg-hover {
	padding: 5px; /* wpupg_overlay_padding type=size */
}

.wpupg-template-hover-with-date.wpupg-item-has-image .wpupg-hover {
	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;
	top: 0;

	background-color: rgba(0, 0, 0, 0.5); /* wpupg_overlay_color type=color */
	color: #ffffff; /* wpupg_overlay_text_color type=color */
}

.wpupg-template-hover-with-date.wpupg-item-no-image .wpupg-hover {
	display: block;
}
```