Jump to content

Summary Block Carousel + Override CSS page borders

Go to solution Solved by Lesum,

Recommended Posts


I added this CSS below to add custom thin black borders to all sections on a website I'm working on, but now when I add a summary block carousel, it pulls in a border directly on top of the carousel content. How can I override this css styling just for the summary blocks? (ex image shows a summary carousel block from a blog page. I hid image and am just showing the titles of the blogs. note how the line/border is appearing. I want it gone)

header{ border-left: none; border-right: none; border-bottom: @site-border-style; } 
.page-section { border-bottom: .5px solid #000 }


Screenshot 2023-08-22 224716.png

Link to comment
  • Solution

@Corina You can add this code snippet under Website > Utilities > Website Tools > Custom CSS to remove the border

header.summary-block-header {
    border-bottom: none !important;

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.