Q:

Override border CSS into individual borders under Custom CSS in WordPress?

As far as I know, I can only disable a CSS property by overriding them under Custom CSS. The current CSS border is,
.pewc-column-wrapper .pewc-checkbox-image-wrapper {
    border: 4px solid transparent;
}

I want to remove the border property and replace it with individual top, right, bottom ones. The below doesn't work. Any other ideas?
.pewc-column-wrapper .pewc-checkbox-image-wrapper {
    border-top: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important;
}

A:

Try below.
.pewc-column-wrapper .pewc-checkbox-image-wrapper {
    border-top: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important;
    border-left: 0px solid transparent !important;
}

Or try replacing border with padding. Like below.
.pewc-column-wrapper .pewc-checkbox-image-wrapper {
    border: 0px solid transparent;
    padding: 1px 1px 1px 0px;
}

