badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Reply To: Modify post excerpt

#60196

Hi @eric1

To pop on the post title instead of seeing all text when mouse over just use below custom CSS code:

.has-post-thumbnail:not(.format-quote) .entry-wrap .entry-main {
	top: inherit;
	padding: 30px 15px 15px;
	background: transparent;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.8));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.8));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.8));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4));
}
.has-post-thumbnail:not(.format-quote) .entry-wrap .entry-main p {
	display: none;
}
.has-post-thumbnail .entry-wrap .entry-main .entry-title {
	margin-bottom: 0;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	color: #fff;
}

Thank you!