Change width of the Head Column

CSS Codes Pricing Table
1

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

.es-widget-container {
  --head-column-width: 180px;
}

.es-layout-comparison-table-outer-table-container,
.es-layout-comparison-table-container {
  grid-auto-columns: calc((100% - var(--head-column-width)) / 2);
  grid-template-columns: var(--head-column-width);
}

.es-layout-comparison-table-snap-carousel .es-head-column-container * {
  max-width: var(--head-column-width);
}

.es-snap-carousel-arrow-control-container:has(.es-snap-carousel-arrow-control-left) {
  left: calc(var(--head-column-width) - 16px) !important;
}
1 Like