[exelexys]

Probably way too late to benefit the original poster, but perhaps someone else will find these instructions for modifying the featured posts widget (in isolation from genesis core) useful:
http://petercoughlin.com/tweaking-the-genesis-featured-posts-widget/

[exelexys]

Poked around the Agency Pro theme CSS, and switching the mouseover effects for the Home Middle and Home Bottom widget areas involves switching the CSS selectors .home-middle and .home-bottom in the styles.css shown below:

/* Content Area */
/* Home Page */
.home-middle {
	...
}

.home-middle .featuredpost img.entry-image {
	...
}

.home-middle .featuredpost img:hover {
	...
}

.home-middle .featuredpost .entry {
	...
}

.home-middle .featuredpost .entry {
	...
}

.home-middle .featuredpost .entry-title a {
	...
}

.home-bottom {
	...
}

.home-bottom .featuredpost .entry {
	...
}

.home-bottom .featuredpost .post:nth-of-type(3n+1),
.home-middle .featuredpost .post:nth-of-type(3n+1) {
	...
}

.home-bottom .featuredpost .entry:hover {
	...
}

.home-bottom .featuredpost .entry:hover .entry-title a {
	...
}

Keep in mind the home-middle and home-bottom aren't the same pixel height (which may cause issues after switching the selectors) and the Show Featured Image checkbox in the Home Bottom widget area needs to be checked for the images to be displayed as a default state.

Hope this helps someone looking to achieve this effect.

Thanks

[exelexys]

Correction to the above post. Replace the following Agency Pro styles.css entry:

.home-middle .featuredpost img:hover {
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	  filter: alpha(opacity=15);
	  -moz-opacity: 0.1;
	  -khtml-opacity: 0.1;
	  opacity: 0.1;
}

With the following entries:

.home-middle .featured-content .post:nth-of-type(odd) img.entry-image {
	visibility:hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}

.home-middle .featured-content .post:nth-of-type(odd).entry:hover img.entry-image {
	visibility: visible;
}

.home-middle .featuredpost .post:nth-of-type(even) img:hover {
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	  filter: alpha(opacity=15);
	  -moz-opacity: 0.1;
	  -khtml-opacity: 0.1;
	  opacity: 0.1;
}

Apologies for the error.

Thanks

[exelexys]

Played with the Agency Pro CSS and figured out how to do this.

Add the following code to Agency Pro styles.css file (preferably in the /* Content Area */ /* Home Page */ section for uniformity):

.home-middle .featured-content .post:nth-of-type(odd) img.entry-image {
	visibility:hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}

.home-middle .featured-content .post:nth-of-type(odd).entry:hover img.entry-image {
	visibility: visible;
}

Thanks

[Author]

Posts