Metro Theme: Read More Button

Community Forums Forums General Discussion Metro Theme: Read More Button

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  anitac 9 months, 3 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #48265

    ironjiant
    Participant
    Post count: 43

    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.com/forums/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 />read more‘;
    }

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

    Thanks!
    -Jim

    #48271

    ironjiant
    Participant
    Post count: 43

    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>';
    }
    • This reply was modified 9 months, 3 weeks ago by  ironjiant.
    • This reply was modified 9 months, 3 weeks ago by  ironjiant.
    #48305

    anitac
    Participant
    Post count: 6383

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.