Adding a thin black border to all blog posts in specified blog in 7.0

Site URL: http://bazilstander.com/

What is password?

Hello! Sorry for my late reply! Password is 'bazil'

On 6/15/2021 at 3:26 PM, citygirlsearching said:

Hello! Sorry for my late reply! Password is 'bazil'

Hi. Have you solved it yet?

The url redirects to cover page.

Haven't solved it yet!

Try http://bazilstander.com/home

This is the blog that needs the border around it's posts: https://www.bazilstander.com/recipes-list/draft-template

Thank you!

Edit blog posts where you want to add a border >> Add a Code Block (Anywhere) >> Paste this code

<style>
  article.BlogItem {
    border: 1px solid black;
}
</style>

Thank you so much!

Please can you help me add a bit more padding all the way around? 

try this

<style>
  article.BlogItem {
    border: 1px solid black;
    padding: 5px 7px 8px 9px; /* top right bottom left */
}
</style>

Thank you so much!

My sit is gradenyoung.com and I'm trying to do this exact same thing, but pasting that code snippet in a "code" block isn't working.  Do you know why this wouldn't work?

On 10/4/2022 at 9:13 AM, Grady_young said:

My sit is gradenyoung.com and I'm trying to do this exact same thing, but pasting that code snippet in a "code" block isn't working.  Do you know why this wouldn't work?

You mean on Homepage? You used Summary Block on homepage, so need a different code

Add this to Design > Custom CSS

/* Home Summary */
body.homepage .summary-item {
    border: 1px solid black;
    padding: 5px 7px 8px 9px; /* top right bottom left */
}