Hi all,
was there an update to this? I am getting the same error and was directed to this post by the shopify support.
I was trying to style a button in the custom css tab.
The initial code I used worked:
.button.button–primary {
background-color: black;
transition: background-color 0.3s ease-in-out;
}
.button.button–primary:hover {
background-color: gold !important;
}
Tried to then change it to a border rather than a full color when hovering:
background-color: black;
transition: all 0.3s ease-in-out;
}
.button.button–primary:hover {
background-color: black;
box-shadow: 0 0 10px gold;
transform: scale(1.05);
}
then got the “cant be published” error.
Tried this:
.button.button–primary {
background-color: black;
border: 2px solid transparent;
transition-property: background-color, border-color, transform, box-shadow;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
}
.button.button–primary:hover {
background-color: black;
border-color: gold;
box-shadow: 0 0 10px gold;
transform: scale(1.05);
}
Same error.
The only other reason I found online was that apparently it was a size limit error of the json file.
If anyone has a fix for this that be great.
Also does anyone know if its theme related? Im using the Taste theme.
Many thanks!