Gray out certain 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:

Grid:

.es-column-container:nth-child(1) {
  opacity: 0.5;
}

Carousel:

.es-layout-carousel-grid .es-column-container:nth-child(1),
.es-snap-carousel-item:nth-child(1) {
  opacity: 0.5;
}

Classic Table:

.es-layout-classic-table-container:not(:has(.es-snap-carousel-wrapper)) .es-column-container:nth-child(1) *,
.es-snap-carousel-item:nth-child(1) * {
  opacity: 0.5;
}

Comparison Table:

.es-layout-comparison-table-container:not(:has(.es-snap-carousel-wrapper)) .es-column-container:nth-child(2) *,
.es-layout-comparison-table-snap-carousel .es-snap-carousel-item:nth-child(2) *,
.es-layout-comparison-table-mobile-snap-carousel .es-snap-carousel-item:nth-child(1) * {
  opacity: 0.5;
}

Replace 1 with the number of the needed column:

image