Replace "more.." on homepage

[borbafett]

On my website, http://rstreetpartnership.com/, all of the news and posts on the homepage have a "more..." link after the first few words. I would like to replace that with an image, but the tutorial I followed was for the actual post page, not for what is generated on the homepage.

The theme is Genesis, with the magazine theme as it's child.

http://rstreetpartnership.com

[Tony @ AlphaBlossom]

Hello,

You can add something like this to your style.css (child theme):

.home-middle .more-link {
background: url("http://yourimageurl.com") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 15px;
text-indent: -9999px;
width: 15px;
}

Adjust the height and width as needed and the rest should be good to go. If you want this for all instances sitewide, remove the .home-middle. If you want all instances on the home page, use ".home .more-link" instead of ".home-middle .more-link".

Have a great night,
Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts