style

CSS that updates live in the visual editor.

Wraps the content in a <style> tag. Settings used inside update as the merchant edits.

Syntax

{% style %}…{% endstyle %}

Example

Liquid

{% style %}.price { color: {{ '#8A1538' }}; }{% endstyle %}

Output

<style data-sooquna>.price { color: #8A1538; }</style>

Related

• stylesheet

Compatibility

Shopify: Same as Shopify.

Since theme platform 1.0.