Change Continue Reading text to css button / image

[francky]

I am using Metro Theme and would want to replace the  [Continue Reading] to a CSS BUTTON or IMAGE.

How can I do this? I have searched the forums but couldn't find the solution.

Thank you in advance.

[Hard Boiled Greg]

Hi,

You can add this code to your functions.php file:

/** Modify the Genesis content limit read more link */
add_filter( 'get_the_content_more_link', 'custom_read_more_link' );
function custom_read_more_link() {
    return '... <a class="more-link" href="' . get_permalink() . '"><img src="image-link-here"></a>';
}

adding the location of your button image to the img src=

Also the link has a class of "more-link" so your could style it's background with a CSS gradient for a button effect instead.

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[francky]

Thank you Greg!

Unfortunately that code was bringing some errors and I was lucky enough to get the following code which worked fine.

<code>

/** Modify the Genesis content limit read more link */
add_filter( 'excerpt_more', 'child_read_more_link' );
add_filter( 'get_the_content_more_link', 'child_read_more_link' );
add_filter( 'the_content_more_link', 'child_read_more_link' );
function child_read_more_link() {
return '...<a class="more-link" href="' . get_permalink() . '"><img src="image-link-here"></a>';
}

</code>

[Hard Boiled Greg]

I tested it before I posted it, but I'm glad you got it resolved.

Take care,

Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Author]

Posts