Modify "Read More" link to be bold and with more spacing

[Marko @ Travelphotoblography.com]

Hi,

I know this is a total newbie quiestion, but here goes.

I've found the code snippets to modify the text of the "Read More" link here:

http://my.studiopress.com/snippets/post-excerpts/#content-more-link
http://my.studiopress.com/snippets/post-excerpts/#content-limit-more-link

But I would like to make the text bold/strong and also add a break between the link and the text.

So I would like to change this: https://www.dropbox.com/s/fktba1i5r3bxjh4/ScreenHunter_07%20Mar.%2005%2000.02.jpg?dl=0

Into something like this: https://www.dropbox.com/s/7nupjuz7qlyx9n5/ScreenHunter_08-Mar.-05-00.03.jpg?dl=0

(I'm using eleven40pro theme.)

Thank you very much for your help!
Marko

http://travelphotoblography.com

[Brad Dalton]

Use a browser app like Firebug or Chrome to inspect the element, find the CSS and change the CSS rule in your style sheet.

http://www.w3schools.com/cssref/pr_font_weight.asp

---

Tutorials for StudioPress Themes.

[ᴅᴀᴠɪᴅ]

I already gave you the exact code you needed to add to your functions.php file when you first asked, including the paragraph break and the 'strong' element..

//* Modify the Genesis content limit read more link
add_filter( 'get_the_content_more_link', 'sp_read_more_link' );
function sp_read_more_link() {
	return '<p><a class="more-link" href="' . get_permalink() . '"><strong>Read More</strong></a></p>';
}

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[Marko @ Travelphotoblography.com]

Thank you very much Brad and David. This did the trick.

And I'm sorry for the multiple post - the first two seemed as they weren't posted correctly and were also not showing under my profile - until now.

[Author]

Posts