Carousel Content Block - Aaron Meyers
The Carousel Content Block uses the normal settings.The settings are as follows:
Photo Source: Gallery ("New Releases" Gallery)
Height: 33%
Content Aware Height: ON
Navigation Arrows: ON
Navigation Snap Alignment: Center

If we wanted to customize things a bit, we could first start by customizing the scroll-bar, since it looks kinda plain. This won't work in Firefox though, since they don't support it.
To customize the scrollbar, add the following CSS and change the colors (in the "rgba()" field. The last number in the "rgba()" code is its transperency, which I've set to 1.0, or in other words, not transparent.
/* Start with the scrollbar itself */
.sm-component-carousel-scroll::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

/* Handle */
.sm-component-carousel-scroll::-webkit-scrollbar-thumb {
  /* -webkit-border-radius: 10px !important;
  border-radius: 10px !important; */
  background: rgba(240,148,13,1.0) !important;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}

/* Track */
.sm-component-carousel-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; 
  /* -webkit-border-radius: 10px !important;
  border-radius: 10px !important; */
  background: rgba(255,255,255,0.09) !important;
}
 
.sm-component-carousel-scroll::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(240,148,13,0.7) !important; 
}
Powered by SmugMug Log In