Jump to content

Full Width + Height (1366 x 683) Brine Index Page Banner

Recommended Posts

Site URL: https://bird-trout-wd7s.squarespace.com/

PW: joejoe

I'm using the Brine template for my website. My banner images have borders around them that I want to appear fully. My banner images are 1366x683.

In the Custom CSS code, I've tried the following:

.index section: first-child {
  min-height: 100vh
  min-width: 100wh

.title-desc-wrapper.has-main-image {
    min-height: 100vh;
.banner-thumbnail-wrapper {
   padding: 0px 0px;

.collection-type-page .banner-thumbnail-wrapper {
   padding: 0px 0px;

.collection-type-index .banner-thumbnail-wrapper {
   min-height: 683px;
   max-height: 100vh;
.collection-601c2e02be66fb731d640879  .desc-wrapper {

See attached for desired page view. Does anyone have any recommendations?


Link to comment
  • Replies 0
  • Views 495
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.