Use Home Middle Widget on Other Pages

[elkiehound]

Using the new Agency Pro theme.

Is there a way to use the Home Middle Widget on a page other than the home page ?

[elkiehound]

Ok, I made some progress, however still need some help.

Using the Genesis Extender, I was able to create a new widget and with a conditional, put it on a page that is NOT the Front page. And I created a new CSS class for the widget (mid page). I hooked the widget in the "genesis-before-loop" area.

Then, I copied all of the CSS code that had home.middle, replaced the words "home.middle" with "mid page".

The good news, is that I get the widget on the page, the not so good news is it is not formatted like the middle widget on the homepage.

Here is my page: http://bwc.swschool.com/middle%20widget/

Here is the Homepage: http://bwc.swschool.com/ (Our work is what I am trying to replicate)

Here is my complete CSS Modifications:

.midpage {
padding: 10% 0 5%;
}

.midpage .featuredpost img.entry-image {
left: 0;
position: absolute;
}

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

.midpage .featuredpost .entry {
background-color: #333;
color: #fff;
}

.midpage .featuredpost .entry {
min-height: 380px;
}

.midpage .featuredpost .entry-title a {
color: #fff;
}
.midpage .featuredpost .post:nth-of-type(3n+1) {
clear: left;
}
.midpage .featuredpost .entry {
min-height: 320px;
}
.midpage .featured-content .post:nth-of-type(3n+1) {
clear: none;
}
.midpage .featured-content .post:nth-of-type(2n+1) {
clear: left;
}
.midpage .featuredpost .entry {
min-height: 320px;
}
.midpage .featuredpost img.entry-image {
position: relative;
}

.midpage .featuredpost .entry img:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

[Mitch Dong]

Thank you for your help. I was wanting to do this same thing.

Could you explain in a little more detail what you did?

Thank you very much!

[elkiehound]

Hi Mitch,

I carefully followed these instructions.

Custom Portfolio Template With Hover Effects Using Genesis Featured Posts Widget

Works great !

[Author]

Posts