Skip to content

Instantly share code, notes, and snippets.

@PluginRepublicSupport

PluginRepublicSupport/image_swatch_border_m.css

Created January 26, 2023 14:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save PluginRepublicSupport/99b1379ce8cf387d2a3a23a894e4a9a0 to your computer and use it in GitHub Desktop.
Save PluginRepublicSupport/99b1379ce8cf387d2a3a23a894e4a9a0 to your computer and use it in GitHub Desktop.
Download ZIP
Image Swatch Mobile Checked/Hover Border
Raw
image_swatch_border_m.css
@media (max-width: 600px) {
.pewc-preset-style .pewc-radio-image-wrapper, .pewc-preset-style .pewc-checkbox-image-wrapper{
border: none;
}
.pewc-preset-style .pewc-radio-image-wrapper.checked, .pewc-preset-style .pewc-radio-image-wrapper:not(.pewc-checkbox-disabled):hover, .pewc-preset-style .pewc-checkbox-image-wrapper.checked, .pewc-preset-style .child-product-wrapper:not(.pewc-column-wrapper) .pewc-checkbox-image-wrapper:not(.pewc-checkbox-disabled):hover{
border: none;
}
.pewc-radio-image-wrapper label img, .pewc-checkbox-image-wrapper label img {
border: 3px solid #EEE;
min-height: 200px;
max-height: 200px;
object-fit: cover;
}
.pewc-radio-image-wrapper label input:checked + img, .pewc-checkbox-image-wrapper label input:checked + img, .pewc-radio-image-wrapper label input:checked + picture, .pewc-checkbox-image-wrapper label input:checked + picture{
border: 3px solid #2196F3 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment