Direct Summary "Read More" to Post Source URL Instead of Blog Post?

I am currently using the summary block to display blog posts in a list format. The "read more" link in the post excerpt directs you to the blog post but I'd like it to point to the post source URL, like the title does. Is that possible?

Thanks everyone!

Can you share link to page in screenshot? We can check easier.

On 10/10/2020 at 4:59 AM, tuanphan said:

Can you share link to page in screenshot? We can check easier.

Sorry, it was a private site and I just brought it live. 

https://www.hellocoweta.com/residential

This is the page in question. When you click on the "Read More" it directs to the blog post, but I'd rather it point to the source URL. 

Thanks so much! 

On 10/14/2020 at 7:40 PM, eschlump said:

Sorry, it was a private site and I just brought it live. 

 

https://www.hellocoweta.com/residential

 

This is the page in question. When you click on the "Read More" it directs to the blog post, but I'd rather it point to the source URL. 

 

Thanks so much! 

2 Options

O1. You can add text link in Excerpt, then we will give the code to turn text link to Read more button.

O2. jQuery, very time consuming to check & need a Business Plan or higher

Hi, I actually have the same issue. Could you please give the code to turn text link to the button?

6 hours ago, Kate_F said:

Hi, I actually have the same issue. Could you please give the code to turn text link to the button?

 

Can you share link to page where you use summary? We can check code easier

On 10/16/2020 at 10:11 AM, tuanphan said:

2 Options

O1. You can add text link in Excerpt, then we will give the code to turn text link to Read more button.

O2. jQuery, very time consuming to check & need a Business Plan or higher

Hey @tuanphan!

I managed to make the link text in excerpt a button, but i need to make it change color on hover. Can you help? 

Im using: 

.black-bold .blog-excerpt a {
    color: #f86525;
    background-color: white;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 30px;
    padding-right: 30px;
}

Adding just 

hover a {color: green !important;}

Doesn't work.

I cannot give you the link to the website due to privacy, I just need that extra bit of code. 

Thank you!

Anele

On 9/28/2021 at 8:58 PM, Anele0610 said:

Hey @tuanphan!

 

I managed to make the link text in excerpt a button, but i need to make it change color on hover. Can you help? 

 

Im using: 

.black-bold .blog-excerpt a {
    color: #f86525;
    background-color: white;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 30px;
    padding-right: 30px;
}

Adding just 

hover a {color: green !important;}

Doesn't work.

 

I cannot give you the link to the website due to privacy, I just need that extra bit of code. 

 

Thank you!

Anele

try this code

.blog-excerpt a:hover {
	background: red !important;
	color: blue !important;
}

Great, that worked perfectly! thanks 🙂