CSS code for borders on Checkout Page

  • Resolved jladkins0824

    (@jladkins0824)


    3 years, 10 months ago

    I used the below code to add a border around the Billing Input Fields checkout page. It worked great, except it also changed my “radio” select icons for “Ship to a different address?” and “Yes, I’m ok with you sending….” I want to change these back to a select radio button.

    .woocommerce form.checkout input,
.woocommerce form.checkout textarea {
padding: .6180469716em;
background-color:;
color: #43454b;
outline: 0;
border: 0;
-webkit-appearance: none;
border-radius: 5px;
box-sizing: border-box;
font-weight: 400;
border:solid 1px #cfa748;
}

    Also, you will notice under the “Email address” input field it has entered by default “[email protected]”. However, this is not listed as a placeholder in my Checkout Form and I cannot seem to get rid of it. Any help is appreciated.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Nico

    (@nicolamustone)

    Automattic Happiness Engineer

    Hello there,
    What you see is not a placeholder, is your account’s email is filled in automatically.

    If I go to the checkout page, the field is empty for me as a Guest, or it will be filled with my email address if I register an account:

    checkout fields
    Link to image: https://d.pr/i/FZWyZH

    Thread Starter jladkins0824

    (@jladkins0824)

    Thank you so much. That makes sense now.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS code for borders on Checkout Page’ is closed to new replies.