Inked Blog: show Title and Excerpt only on hover

Hi Mario,

To setup the styling you want. Follow these steps:

1. In your widget, under Attributes you will find Widget Class. Enter some name you want(should be unique & no spaces). For example, let’s say my-blog-widget.

2. Now you can add the following custom CSS. A good option to add custom CSS is SiteOrigin CSS.

.my-blog-widget .iw-blg-thumb-bg .iw-blg-thumb-ol {
	background: none;
}

.my-blog-widget .iw-so-article-content .iw-so-article-title,
.my-blog-widget .iw-so-article-content .iw-so-article-excerpt {
  visibility: hidden;
  opacity: 0;
}

.my-blog-widget .iw-so-article-content:hover .iw-so-article-title,
.my-blog-widget .iw-so-article-content:hover .iw-so-article-excerpt {
  visibility: visible;
  opacity: 1;
}

if you would like a little animation, add the following CSS instead:

.my-blog-widget .iw-blg-thumb-bg .iw-blg-thumb-ol {
	background: none;
  -webkit-transition: .25s all linear;
  -moz-transition: .25s all linear;
  -o-transition: .25s all linear;
  transition: .25s all linear;
}

.my-blog-widget .iw-so-article-content .iw-so-article-title,
.my-blog-widget .iw-so-article-content .iw-so-article-excerpt {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .25s all linear;
  -moz-transition: .25s all linear;
  -o-transition: .25s all linear;
  transition: .25s all linear;
}

.my-blog-widget .iw-so-article-content:hover .iw-so-article-title,
.my-blog-widget .iw-so-article-content:hover .iw-so-article-excerpt {
  visibility: visible;
  opacity: 1;
}

Let me know if you run into any problems.