Ability to adjust the position of the variable selector label in the Add to cart element

Hi bricks team,

Currently in Bricks, variable selector labels are in the variable selector row by default.

It would be great if there was a way to adjust the position of the labels. Display labels above or next to the variable selectors.

WooCommerce has long introduced a new nested add to cart block. I just added an idea to the idea board. I think this feature deserves to be on the idea board for voting.

But as for the original suggestion, there is a simple temporary solution for friends who need it. Just add it in the custom css of the add to cart element.

%root% .variations tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
}

%root% .variations td.label {
    padding-right: 0;
    text-align: right;
}

%root% .label{
    padding: 0px;
}

Thank you