[Resolved] Read More Button

[frank decicco]

I bet this was asked before but I searched and didn’t see anything:

How can I make the Read More link in post excerpts a button instead of a link.
if that’s not possible, can it be moved on its own line below the post and maybe have a unique id or something?

[Tom]

Hi Frank,

Give this a go: http://generatepress.com/forums/topic/button-instead-of-read-more-text-in-blog-mode/#post-64553

Let me know if it works or not 🙂

[frank decicco]

well, that helped me get going. Looks like the link colors are overridden by injected styles that prevent setting the link color.

here is what I ended up with that seems to allow me to change the color and background, hopefully its correct and that there aren’t other conditional css injections that might break it. Thank you for your help.

.inside-article .read-more:hover {
background: #D2C75D;
color: #000000;
}

.inside-article .read-more {
display: block;
margin-top:10px;
width:120px;
padding: 10px 10px;
background: #9FA557;
color: #ffffff;
}

[Tom]

Looks good to me! 🙂

[Author]

Posts