How do I add a border to a blog thumbnail image

Hi, I want to add a border to a blog thumbnail image, so that I don't have to manually create the border every time I upload the thumbnail. 

I'm hoping someone can give me some code that works for a 7.1 site.

Many thanks in advance!

Yes. You can. You mean blog list page or blog post? Can you share link?

Hi @tuanphan, yes a blog list page. It's not live yet but I've added you to the site, this needs to apply to both the news page and the Mortgage Lender Panel.

I also need the Mortgage Lender Panel to not click through to their own blog pages, are you able to help me with this code and tell me how to take it off once we want those pages? 

I don't want it to happen on the news page though. I hope that makes sense! 

Please let me know how much that would cost.

Thank you!

section.blog-image-wrapper a {
    border: 5px solid black;
    display: block;
}

With question 2. Can you share link?

This page: https://asparagus-ocelot-cchc.squarespace.com/config/pages/5ecce3922dd571390c9cdfaa

This isn't working, am I putting it in the wrong place? - see screenshot

section.blog-image-wrapper a {
    border: 5px solid black;
    display: block;
}

add to Home > Design > Custom CSS

It hasn't worked, see above screenshot.

dont edit anything in the code I sent.

I've just tried it without editing what you sent and it didn't work.

If you could sort this and the no click through on the mortgage panel page that would be great. Please let me now how much you would charge? You were a big help last time I used your services 🙂

6 hours ago, LaurenLeader said:

I've just tried it without editing what you sent and it didn't work.

If you could sort this and the no click through on the mortgage panel page that would be great. Please let me now how much you would charge? You were a big help last time I used your services 🙂

I see it worked here?

With disable click, add a Code Block under images, and paste this code

<style>
  article a {
    pointer-events: none;
}
</style>

Hi, I'm back, thanks.

Do you know why it isn't working on the page I really want it to, the mortgage lender panel?

I'll try this on the mortgage lender panel page now:

<style>
  article a {
    pointer-events: none;
}
</style>

Thanks

3 hours ago, LaurenLeader said:

Hi, I'm back, thanks.

Do you know why it isn't working on the page I really want it to, the mortgage lender panel?

I'll try this on the mortgage lender panel page now:

<style>
  article a {
    pointer-events: none;
}
</style>

Thanks

Can you share link to that page?