Customize Read More Link

[baynham]

Hi all,

I'm desperately trying to
a) center the read more link (I titled it 'view entire post')
b) put a border around it (to make it look like a button)

I tried several of the solutions in other threads, but they haven't worked. Any help is appreciated!

http://harper.thehauteblogger.com/

[Davinder Singh Kainth]

Add following code in style.css file and then check

.content a.more-link {
	background-color: #eee;
	border-radius: 3px;
	clear: both;
	color: #333;
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin-top: 32px;
	padding: 10px;
	text-align: center;
}

.content a.more-link:hover {
	background-color: #e5554e;
	color: #fff;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[baynham]

Hi Davinder,

That didn't work for me.

[Davinder Singh Kainth]

Try the following code

a.more-link {
	background-color: #eee;
	border-radius: 3px;
	clear: both;
	color: #333;
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin-top: 32px;
	padding: 10px;
	text-align: center;
}

a.more-link:hover {
	background-color: #e5554e;
	color: #fff;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts