Checkout page different after last updates

Hi,

The checkout page is slightly different since last Woodmart updates. There is no reason it it is different. I have not customised anything. This is a regular Woocommerce Checkout page.

Two things:

– The Country field within the form is not properly aligned as before
– The “Ship to a different address?” is not the same size as the billing info title

See screenshot for clarification.
Best regards,

Attachments:

You must be logged in to view attached files.

Hi,

In Woodmart 6.0 update form styles was changed due to CSS code optimization, but if you need to restore previous form styles try to use the following code:

body #ship-to-different-address label {
    display: block;
    margin-bottom: var(--wd-tags-margin-bottom);
    color: var(--wd-title-color);
    text-transform: var(--wd-title-transform);
    font-weight: var(--wd-title-font-weight);
    font-family: var(--wd-title-font);
    line-height: 1.4;
    text-transform: uppercase;
    font-size: 22px;
}

body .comment-form-author,
body .comment-form-email,
body .comment-form-url,
body .order_comments_field>p,
body .woocommerce-billing-fields__field-wrapper>p,
body .woocommerce-shipping-fields__field-wrapper>p {
    display: flex;
    align-items: center;
    flex-direction: row;
    border-bottom: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    transition: border-color .4s ease;
}

body .comment-form-author input[type=text],
body .comment-form-author input[type=email],
body .comment-form-author input[type=password],
body .comment-form-author input[type=search],
body .comment-form-author input[type=number],
body .comment-form-author input[type=url],
body .comment-form-author input[type=tel],
body .comment-form-author input[type=date],
body .comment-form-author select,
body .comment-form-email input[type=text],
body .comment-form-email input[type=email],
body .comment-form-email input[type=password],
body .comment-form-email input[type=search],
body .comment-form-email input[type=number],
body .comment-form-email input[type=url],
body .comment-form-email input[type=tel],
body .comment-form-email input[type=date],
body .comment-form-email select,
body .comment-form-url input[type=text],
body .comment-form-url input[type=email],
body .comment-form-url input[type=password],
body .comment-form-url input[type=search],
body .comment-form-url input[type=number],
body .comment-form-url input[type=url],
body .comment-form-url input[type=tel],
body .comment-form-url input[type=date],
body .comment-form-url select,
body .order_comments_field>p input[type=text],
body .order_comments_field>p input[type=email],
body .order_comments_field>p input[type=password],
body .order_comments_field>p input[type=search],
body .order_comments_field>p input[type=number],
body .order_comments_field>p input[type=url],
body .order_comments_field>p input[type=tel],
body .order_comments_field>p input[type=date],
body .order_comments_field>p select,
body .woocommerce-billing-fields__field-wrapper>p input[type=text],
body .woocommerce-billing-fields__field-wrapper>p input[type=email],
body .woocommerce-billing-fields__field-wrapper>p input[type=password],
body .woocommerce-billing-fields__field-wrapper>p input[type=search],
body .woocommerce-billing-fields__field-wrapper>p input[type=number],
body .woocommerce-billing-fields__field-wrapper>p input[type=url],
body .woocommerce-billing-fields__field-wrapper>p input[type=tel],
body .woocommerce-billing-fields__field-wrapper>p input[type=date],
body .woocommerce-billing-fields__field-wrapper>p select,
body .woocommerce-shipping-fields__field-wrapper>p input[type=text],
body .woocommerce-shipping-fields__field-wrapper>p input[type=email],
body .woocommerce-shipping-fields__field-wrapper>p input[type=password],
body .woocommerce-shipping-fields__field-wrapper>p input[type=search],
body .woocommerce-shipping-fields__field-wrapper>p input[type=number],
body .woocommerce-shipping-fields__field-wrapper>p input[type=url],
body .woocommerce-shipping-fields__field-wrapper>p input[type=tel],
body .woocommerce-shipping-fields__field-wrapper>p input[type=date],
body .woocommerce-shipping-fields__field-wrapper>p select {
    flex: 1 1 auto;
    border-bottom-style: none;
}

body .comment-form-author label,
body .comment-form-email label,
body .comment-form-url label,
body .order_comments_field>p label,
body .woocommerce-billing-fields__field-wrapper>p label,
body .woocommerce-shipping-fields__field-wrapper>p label {
    flex: 0 0 auto;
    margin-bottom: 0;
    margin-right: 15px;
}

body label {
	font-weight: 600;
    line-height: 22px;
}

.woocommerce-input-wrapper {
	width: 100%;
}

Kind Regards

Hi,

Ok thanks for the update. Much appreciated!
Regards,

You are welcome!

[Author]

Posts