How do I create a "Read More" button instead of the default text?

[elysianWolf]

I'm currently using the News theme and I don't like just having "Read More" text for my posts. I want to use a button -- a good looking button. How do I do this?

Is there a plugin that will add this ability? Is it a setting somewhere? I'm not a coder so I'm sure you can go in there and do it that way but I want an automated way to do this using the same "Read More" button with every post.

Any help or advice would be much appreciated.
Thanks,
Gio

[Sridhar Katakam]

Can you provide the URL of your site?

---

Genesis Tutorials | Follow me on Twitter

[elysianWolf]

http://www.chainsawjournal.com/category/chainsaw-review/

[Sridhar Katakam]

Add this in News Pro's style.css and modify to your liking.

a.more-link {
	background: #333;
  padding: 20px;
  color: #fff;
  border-radius: 2px;
}

a.more-link:hover {
	background: #2dcdef;
}

---

Genesis Tutorials | Follow me on Twitter

[elysianWolf]

That works great! Thanks!

I have two questions:
Where do I change the actual text for "[Read More...]" for posts. I can't seem to find where that is. I know how to change it for the widgets but don't know where it is for posts.

Is there a way to have a different button for the posts? If I make the button too big it screws it up when "Read More" is in the widgets and it's just too big for anywhere except the posts. So, currently, I just kept it small as it's a compromise across the site, but still noticeable which is what I wanted.

Anyway, really appreciate the help. If you have the answers to these questions that would be great.

Gio

[Author]

Posts