Jump to content

How do I add a border to a blog thumbnail image

Recommended Posts

  • Replies 12
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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!

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

With question 2. Can you share link?

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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 🙂

Edited by LaurenLeader
Link to comment
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?

image.thumb.png.c4840417b208dcb0cf1b5c5a9b43fd0b.png

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

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.