Home › Forums › WoodMart support forum › Checkout page different after last updates

Checkout page different after last updates

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 13, 2021 at 9:01 pm #282527

    BertranddesmetsWM
    Participant

    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.
    April 14, 2021 at 6:54 am #282627

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    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

    April 14, 2021 at 8:50 am #282692

    BertranddesmetsWM
    Participant

    Hi,

    Ok thanks for the update. Much appreciated!
    Regards,

    April 14, 2021 at 9:45 am #282728

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    You are welcome!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)