Homepage › Community Forums › Epik Theme Support › How can I create a Read More Button?
Hi,
I would love to replace the “[Read more…]” text for a Read More Button.
There’s an easy way to do this?
Thanks so much!
I love this theme.
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.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Thanks so much for your help!
I was able to remove the tagged with easily with the genesis simple edits plugins!
My website: http://randomnerdtutorials.com/
And I would like to change the read more from the categories…
I would like to create a button like this:
http://demo.appfinite.net/epik/buttons/
And replace the “[Read More…]” hyperlink to The darkblue medium/small button…
that comes with epik theme shortcuts!
Thanks again for your time I really appreciate your help
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.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
I can’t find that code you’ve mentioned… in any place… even from the snippets.
I’ve searched in “functions.php” from epik theme and genesis theme… and in “home.php”
`//* Modify the Genesis content limit read more link
add_filter( ‘get_the_content_more_link’, ‘sp_read_more_link’ );
I can’t find that code above… that why I can’t edit the read more button.
thanks again!
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.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Well I am trying to edit the portfolio page.
How can I change the color of the read more button on the portfolio page?
@George_71 Do you have a link to your site so I can see what all will need to be changed?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Hi Eric,
Yes:http://www.georgelangenberg.com/blog/
I would like to change the color of the button tot a lighter grey
and the font size should not be bold, and black in stead of white.
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.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
thanks Eric, now I can’t decide on what colour.
(I used to be more familiar with CSS then I am nowadays. I lost the “skill” after using another theme for a few years where I could change many things with slyders.)
You’re Welcome 🙂
You can use a color picker to choose a color.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com