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

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;
}

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

Did this answer your question?