Liquid, Javascript, thèmes
Working with the website builder, I try to add a custom css on a media section (my store is builed on the Impact theme but I think the error is on shopify side). I want to change the grid-template-columns proprety of a media section, here is my custom css code:
media-grid {
grid-template-columns: minmax(160px, auto) auto auto;
}
Once saved, the change doesn't work and a strange tag is added in the css code when I inspect the page with Chrome DevTool:
The tag #shopify-section-template--18056017772842__media-grid has been added in the minmax value. That create an error and disable the line.
Everything works fine if I manually remove the tag with the DevTool. Does someone knows why this tag is being added and how to fix this issue? Any hint is welcome.
Thank you.
UPDATE: The same tag is added in each minmax value I write in this custom CSS section.
Pour que les clients se sentent encouragés à acheter des produits, ils doivent comprendre ...
By Océanne Sep 3, 2024Il y a possiblement une grosse opportunité négligée dans la vente de vos produits. La créa...
By Océanne Jul 16, 2024La confiance est l'une des devises les plus importantes avec laquelle vous traitez lorsque...
By Océanne Jun 14, 2024