Jump to content

How to remove a banner but keep the thumbnail on Supply Template?

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.taryngarrett.com/

Hi there! 

I'm refreshing my portfolio site, and under the 'bits + pieces' navigation heading I've been adding blank pages with gallery blocks (laid out as carousels). However, doing it this way I learned that it won't automatically create a thumbnail off the first image since they're nested in there, so I added a thumbnail under the Page Settings > Media but then it adds it as a banner as well. I really hate the banner; it looks clunky and bad, but especially because it sends it off to the right side of the page? Maybe because of my template? I would just skip all of this but I need to have a thumbnail. I've attached a picture of how it looks, or you can see one of those pages here.

Is there any way to add the thumbnail without the banner, or have the banner be at the top of the page where it's supposed to be? I might not mind it so much if it were there. Or custom code to get rid of the banner? I've tried quite a few but nothing has worked yet. Am I missing something really obvious? (probably haha).

I'm using the Supply template! Thanks in advance!

Screen Shot 2021-05-10 at 9.08.09 AM.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Try adding this to Design > Custom CSS

#thumbnail {
    display: none;
main#main {
    width: calc(~"100% - 240px");


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
  • 10 months later...

Site URL: https://www.emma-l.co.uk

I'm also using the Supply Template and although I like the feature of the side banner; when I use a different display or increase the resolution (with the related impact on "display area"), the side banner resizes to fit the "display area" as opposed to the main content of my blog.
Is there a custom code that would ensure that the main content (the centre column) adapts according to the display area, as opposed to the side banner?

See attached pictures, labelled according to display resolution.

Resolution 1440x900.png

Resolution 1680x1050.png

Resolution 1920x1200.png

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.