Atelier theme: Remove pre-select size on product page

[runwayfashion]

Hi, how can i remove the pre-select size variant and close the gap between the size variants?

URL: runway.

[devcoders]

Hi @runwayfashion

snippets/variant-picker.liquid
snippets/product-variant-picker.liquid
sections/main-product.liquid

Find

checked

{% if option.selected_value == value %}
checked
{% endif %}

Remove or comment it

{% comment %}
{% if option.selected_value == value %}checked{% endif %}
{% endcomment %}

Add in base.css

.variant-option--buttons {
gap: 6px !important;
}
.variant-option__button-label {
margin: 0 !important;
}

Best regards,
Devcoder

[runwayfashion]

Hi, i cant find this code in the files:

{% comment %}
{% if option.selected_value == value %}checked{% endif %}
{% endcomment %}.

Atelier theme doest haves these two files:

snippets/variant-picker.liquid

snippets/product-variant-picker.liquid

The size variant grid spacing update applied correctly, but an unintended 2px gap is now visible between individual grid items.

[runwayfashion]

Hi, these files don’t appear on atelier theme?

main-product.liquid

product-form.liquid)

[runwayfashion]

@anmolkumar

main-product.liquid

This file doest exist - main-product.liquid in Atelier theme?

Also, in regards to the size variant box, i cannot locate these in base.css or theme.css:

gap:
grid-gap:
column-gap:
row-gap:

[tim_tairli]

What’s your goal?
Force visitors to make a selection or show them the “Featured” product image?