Add padding to image border on blog and summary block

Site URL: http://www.sherriedickinson.com

Hi! I'm trying to add a padding to the blog and summary image block to look like the picture attached.  I tried adding padding and border-padding to the code below but to no avail. Can anyone help me, please? Thank you!

/*Blog Summary*/
section.blog-image-wrapper a {
    border: 1px solid black;
    display: block;
}
.sqs-block-summary-v2 
.img-wrapper, 
.sqs-block-summary-v2 
.sqs-video-wrapper {border: 1px solid black;
}

Hi. Where is blog summary?

Hi @tuanphan! 

Here's the actual blog: https://www.sherriedickinson.com/blog

Here's the summary block: https://www.sherriedickinson.com/journal

On 8/9/2021 at 2:20 AM, louieandthird said:

Hi @tuanphan! 

Here's the actual blog: https://www.sherriedickinson.com/blog

Here's the summary block: https://www.sherriedickinson.com/journal

Blog list. It looks like you solved?

With summary. You want to 2 lines border + Space between border-image??

19 hours ago, tuanphan said:

Blog list. It looks like you solved?

With summary. You want to 2 lines border + Space between border-image??

The blog list is not fixed. I just uploaded images with the border already. 
 

I’d like only one line of border with space between the border and image. Thank you!!

I have a question about styling buttons as well. Should I tag you in the question I submitted?

Hi, @tuanphan ! Could you still kindly help me with this, please?

On 10/6/2021 at 3:38 AM, louieandthird said:

Hi, @tuanphan ! Could you still kindly help me with this, please?

Yes. Sorry. Too many message recently. What is problem now?

On 10/7/2021 at 1:23 AM, tuanphan said:

Yes. Sorry. Too many message recently. What is problem now?

No problem! Still the same issue as the original post. I would like to have some padding between the image and the border so it looks like the picture below. I'd like this to be applied on both the blog list and summary block. Thank you!!

On 10/8/2021 at 9:12 PM, louieandthird said:

No problem! Still the same issue as the original post. I would like to have some padding between the image and the border so it looks like the picture below. I'd like this to be applied on both the blog list and summary block. Thank you!!

 

Remove this CSS

section.blog-image-wrapper a {
    border: 1px solid #000;
    display: block;
}

Add this

section.blog-image-wrapper {
    border: 1px solid black;
    padding: 50px;
}
.summary-thumbnail-container {
    border: 1px solid black;
    padding: 50px;
}

4 hours ago, tuanphan said:

Remove this CSS

section.blog-image-wrapper a {
    border: 1px solid #000;
    display: block;
}

Add this

section.blog-image-wrapper {
    border: 1px solid black;
    padding: 50px;
}
.summary-thumbnail-container {
    border: 1px solid black;
    padding: 50px;
}

 

Perfectly worked! Thank you so much!!