Jump to content

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

Recommended Posts

  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
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.

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

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>

 

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
  • 1 month later...
  • 1 year later...
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 */
}

 

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.