Jump to content

hide overflow of carousel - move image in list carousel

Recommended Posts

www.kathrynbraunton.co.uk
pw: makeup

Hi there, i'm looking for help with coding to hide the overflow - or next slide, to my carousel.
I have used a particular code to move the image up in the section, but to do this, i've now made the next slide visible on the edge.
Is there another way to move the image instead without affecting the overflow, or is there a way now to re-hide it ?

thanks!
 

code used:


  //image//

section[data-section-id="6516bb8e262f7968a8826f2e"] .user-items-list-carousel__media-container {
  margin-right:10vw!important;

  }
  
  
section[data-section-id="6516bb8e262f7968a8826f2e"] {
.user-items-list-carousel__media-inner {
    position: relative;
    top: -6vh;
}
  
  .user-items-list-carousel__slides-revealer {
    overflow: visible !important;
}
.user-items-list-carousel__gutter {
    overflow: visible;
}

 

 

 

image.thumb.png.b9889927644dce8afd68b3c88baa63b7.png

Edited by daniellenoakes
Link to comment
  • daniellenoakes changed the title to hide overflow of carousel - move image in list carousel
  • Replies 0
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.