Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
LaurenLeader

How do I add a border to a blog thumbnail image

Question

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!

Share this post


Link to post

12 answers to this question

Recommended Posts

  • 0

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!

Share this post


Link to post
  • 0
Posted (edited)

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;
}

Screenshot 2020-05-26 at 16.09.19.png

Edited by LaurenLeader

Share this post


Link to post
  • 0
Posted (edited)

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

Share this post


Link to post
  • 0
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>

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0
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?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...