Checkout field misaligned - by Namaste - on WordPress WooCommerce support

This topic has 13 replies, 3 voices, and was last updated 4 years, 7 months ago ago by Namaste

  • Avatar: Namaste
    Namaste
    Participant
    April 16, 2021 at 09:39

    Hi,

    Checkout field are misaligned on my website – could you help?

    Please, contact administrator
    for this information.
    12 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 16, 2021 at 09:47

    Hello,

    Try to disable all the third-party plugins (including cache plugins), that do not come bundled with XStore https://www.8theme.com/documentation/xstore/plugins/included-plugins/ , clear cache of browser, and check how it works then.
    Let us know the result. If further assistance will be needed provide temporary wp-admin access.

    Regards

    Avatar: Namaste
    Namaste
    Participant
    April 16, 2021 at 09:54

    Hi,

    Rose really this solution is good if you don’t really run a store. How can I disable everything?

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    April 16, 2021 at 10:48

    Hello,

    Add the below code to Theme Options > Custom CSS

    .woocommerce-checkout .form-row-first {
        clear: both;
    }
    @media (min-width: 769px){
        .woocommerce-checkout #billing_address_2_field {
            margin-top: 30px;
        }
    }

    Regards

    Avatar: Namaste
    Namaste
    Participant
    April 16, 2021 at 11:58

    Global? Custom CSS has changed, now it is broken down to locations (btw what has happened to the code inserted it in the past?)

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    April 16, 2021 at 13:53

    Hello,

    Yes, to global, in addition to code you have there. Or add the code to child theme style.css.
    Clear the cache because you use cache plugin.
    I don’t see that you added code that I provided.

    Regards

    Avatar: Namaste
    Namaste
    Participant
    April 16, 2021 at 17:59

    Thank you – code worked. In my post above I was referring to similar fixes/changes I placed under Custom CSS for example I had this code there: https://www.8theme.com/topic/how-to-disable-quick-viev-label-on-recommended-products-slider/#post-280096 – what has happened with it? I see that the changes implemented by that code are still active but where is it if I ever want to change it?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 17, 2021 at 09:08

    You’re welcome!
    Do you mean that you can’t find where you added this code?

    .product-view-default .footer-product .show-quickly {
        display: none;
    }

    Provide temporary wp-admin access, so we can check it.

    Regards

    Avatar: Namaste
    Namaste
    Participant
    April 19, 2021 at 10:10

    Hi – I was just trying to find preavious modifications and CSS I added. “quick preview” was just an example.

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    April 19, 2021 at 14:19

    Hello,

    I don’t see the mentioned custom for the QV on your site. So, it’s difficult for me to say where you tried to place it before. We suggest to place custom CSS in one of 2 areas:
    either child theme style.css or Theme Options > Custom CSS.
    Which place the customer chooses depends on the customer. We are responsible only for the code that our support staff adds in case it’s not removed by the customer.

    Regards

    Avatar: Namaste
    Namaste
    Participant
    April 19, 2021 at 14:29

    Hi Olga, so here is a question. I always used Theme Options > Custom CSS.

    Something has changed and under Custom Css now you have different locations. In a previous version it was just one (now called global?)

    I had there two modifications one for QV and one headings size. I haven’t removed them so what has happened? I also don’t see the code we are discussing, but I still see that my QV is set up as if the code was there (na QV label – perfect). But what if I want to retrieve the modifications? 🙂

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    April 19, 2021 at 14:48

    Hello,

    Our theme always had few sections for the different media queries.
    I found you code. You added code to Theme Options > Additional CSS, this area is the default WordPress area to add custom CSS, it’s not theme area. It means even if you switch theme your custom code will be there.

    Regards

    Avatar: Namaste
    Namaste
    Participant
    April 19, 2021 at 14:57

    Thanks Olga! I appreciate your help. I really was convinced that it is in a different place.

  • Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘checkout field misaligned’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.