Change spacing between columns (Grid and Carousel)

CSS Codes Pricing Table
1

Add this code to the Custom CSS field on the Appearance tab of your Pricing Table widget’s settings:

Grid:

.es-layout-component {
  gap: 50px 30px;
}

1st value - spacing between lines
2nd value - spacing between columns


Carousel:

.es-widget-container {
  --gap: 50px;
}

.es-layout-component,
.es-layout-carousel-snap-carousel {
  gap: var(--gap);
}

.es-layout-carousel-snap-carousel {
  grid-auto-columns: calc((100% - 2 * var(--gap)) / 3);
}
1 Like