Reply To: Custom text on featured listings widget image with winning agent?

[Carrie Dils]

Howdy,

Sure thing!

It’ll require a little bit of CSS editing. In your stylesheet, you’ll find this bit of code:

.home .listing-text {
    display: none;
}

Remove the display:none and add position: absolute.

.home .listing-text {
position: absolute;
}

Next up, find this around line 776:

.home .listing-price, 
.home .listing-address, 
.home .listing-city-state-zip, 
.home .listing-wrap .more-link {
    color: #FFFFFF;
    font-family: Lato,sans-serif;
    font-size: 14px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    z-index: 1;
}

You’ll want to add the listing-text to that. Just plop it on top, with a comma after it, just like this:

.home .listing-text,
.home .listing-price, 
.home .listing-address, 
.home .listing-city-state-zip, 
.home .listing-wrap .more-link {
    color: #FFFFFF;
    font-family: Lato,sans-serif;
    font-size: 14px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    z-index: 1;
}

Final step is to go back and add any custom styling/position you want to .home .listing-text

Cheers,
Carrie

---