Skip to main content

Kiwi Injection Guide - Denim - Inline with Size Label

Injection settings for the Denim custom theme to place the Kiwi size chart inline with the size label. Requires Custom CSS.

Custom theme (schema_name: Denim, v14.5.8). Go to Styles & Settings → General Settings → Display to enter these settings.

Settings

  • Inject: End of

  • Selector type: CSS selector

  • Selector: [id^="variant-radios-"] legend:has(span[id*="size"])

Custom CSS

Add to Advanced → Custom CSS:

.ks-chart-container {
    display: inline;
    margin-left: 10px;
    width: auto;
}

The :has() selector targets legends containing a span with 'size' in its ID, handling stores where the size option ID is dynamically generated.

Did this answer your question?