Skip to main content

Kiwi Injection Guide - Wealth Kings Custom - Next to Size Label

Injection settings for the Wealth Kings Custom theme to place the Kiwi size chart next to the size label using an advanced selector. Requires Custom CSS.

Custom theme by Wealth Kings agency (schema_name: Wealth Kings Custom Thema, v1.0.0). Go to Styles & Settings → General Settings → Display to enter these settings.

Settings

  • Inject: End of

  • Selector type: Advanced selector

  • Parent selector: fieldset, .selector-wrapper, .variant-wrapper, .variant-picker__option, .swatch--gl

  • Child compare selector: legend, label, .form__label, .variant__label, .name-option, .radio__legend__label--text, .variant-picker__option-info

  • Compare value: Includes — Size

  • Child selector: legend, label, .form__label, .variant__label, .name-option, .radio__legend__label--text, .variant-picker__option-info
    ​

    Display settings: Inject at the end of, Advanced selector with Includes Size

Custom CSS

Add to Advanced → Custom CSS:

legend.product-info__option-header.size {    width: 100%;}.ks-chart-container {    display: inline;}.product-info__option-value {    white-space: nowrap;    flex-shrink: 0;}
Advanced > Custom CSS editor with legend size and ks-chart-container CSS highlighted

The broad multi-selector approach handles all Wealth Kings store configurations without per-store customisation.

Related Articles
Did this answer your question?