Bottom border not showing up on gallery carousel images - what duh heck!?

Site URL: http://www.unionparlor.com

Hello! I'm not sure what I'm doing wrong with the css for adding a border around the the entire image within the carousel. The top, right/left work just fine but the bottom border doesn't show up. Additionally, is there any way to make this carousel block span the entire width of the website?

www.unionparlor.com
pass=  hair

Thanks homies!!!!

Replace, make a copy somewhere, your code for this effect with the following.

// uses LESS syntax

.sqs-gallery-design-strip-slide {

  --border-width : 5px;
  
  border : var( --border-width ) solid black;
  border-left-width : calc( ~"var( --border-width ) / 2 + 0.1" );
  border-right-width : calc( ~"var( --border-width ) / 2" );
  box-sizing : border-box;
  
  }

.sqs-gallery-design-strip-slide:first-child {

  border-left-width : var( --border-width );
  
  }

.sqs-gallery-design-strip-slide:last-child {

  border-right-width : var( --border-width );
  
  }

This is for v7.0.

Let us know how it goes.

@creedon this site is built on 7.0 brine - how can I adapt?

You don't need to adapt I mislabeled the version the code was for.

Strange, I'm getting an "operation on an invalid type"

Ah yes. The ancient version of LESS SS uses strikes again. I've updated my post to work around the issue.

Thank you!!! That was the ticket.