How can I create a Read More Button?

Yes you can definitely do this easily, but the answer depends on which Read More buttons you’re referring to. Here is the basic way to do it – http://my.studiopress.com/snippets/post-excerpts/ But if you’re referring to the Read More button on the Portfolio page for example, then I’d need to know so I can tell you what you’ll need to do. But in general the link above explains how to do it.

Did you check out the tutorial/code snippet link? You can add the same code from the buttons inside the code snippet above when adding it to your functions file. Does that make sense?

Here is an example – <a href="PLACE_LINK_HERE" class="button medium black">Medium</a>

//* 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 '... <a class="more-link button medium black" href="' . get_permalink() . '">Continue Reading</a>';
}

Notice I added the class from the button code to the code snippet

I just posted an example, so you may have to make adjustments to it.

Yes the code isn’t inside of the child theme, it’s inside of the Genesis framework. You make edits/override what’s in the Genesis framework by adding it inside of the functions file of the Child Theme.

The code that I pasted is from the tutorial/code snippet link I added above. You would need to take a look at that link to see how it works.

@George_71 Do you have a link to your site so I can see what all will need to be changed?

Take a look around line 1757 in your css for this –

.portfolio .more-link {
    background: none repeat scroll 0 0 #000;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    display: block;
    font-family: ff-dagny-web-pro;
    font-size: 0.875rem;
    font-weight: bold;
    margin: 20px 0 0;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

Looks like everything you’ll need to change is right there. Just let me know if you need help changing any part of the code if you’re not familiar with css.

You’re Welcome 🙂

You can use a color picker to choose a color.