Metro Theme: Read More Button

[ironjiant]

I am using the Metro theme which is very easy to edit except for this one thing. I've read several Posts on editing the Read More Link and transforming it into a button on the Home Page of http://www.theindieconsultant.com.

After several failed attempts to add code to functions.php I am here!

I've gone here: http://my.studiopress.com/snippets/post-excerpts/#content-more-link

And here: http://www.studiopress.community/topic/help-change-read-more-link-to-image/

And here is my code:

/** Modify the WordPress read more link */
add_filter( 'the_content_more_link', 'custom_read_more_link' );
function custom_read_more_link() {
return '<br />';
}

But it doesn't seem to work. Is there a Genesis setting that I need to change?

Thanks!
-Jim

[ironjiant]

LOL... OK let's try this again:

/** Modify the WordPress read more link */
add_filter( 'the_content_more_link', 'custom_read_more_link' );
function custom_read_more_link() {
    return '<br /><a href="' . get_permalink() . '"><img src="http://theindieconsultant.com/wp-content/uploads/2013/06/read-more-button.png" alt="read more" /></a>';
}

[Anita]

If you want to customize the color or apply a background image to the Read More link, you need to do that with CSS. Your Read More is in there are #more-link so... start with this:

.more-link {
background: #cc9900;
decoration: none;
}

You can add a background image to that, etc., etc.

---

Love coffee, chocolate and my Bella!

[Author]

Posts