Attribute Images Enfold Theme Support

For Enfold theme please add the following custom CSS:

.woocommerce-attribute-images-variable-option {
	display: inline-block !important;
		margin-right: 10px;
	overflow: auto !important;
	    position: initial !important;
}

.woocommerce-attribute-images-variable-option span.image-overlay.overlay-type-extern {
	display: none !important;
}


:hover:before, :hover:after {
  display: block;
  position: absolute;
  font-size: 0.8em;
  z-index: 999;
  color: white;
}

:hover:before {
  border-radius: 0.2em;
  content: attr(title);
  background-color: rgba(0, 0, 0, 0.9);
  margin-top: -2.5em;
  padding: 0.3em;
}

Leave a Reply

Your email address will not be published. Required fields are marked *