ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• May 23, 2017 at 9:56 pm #325741
  micol

  Member

  Post count: 24

  how to change the border color of field form green to gray in checkout page?

  Attachments:

  You must be logged in to view attached files.
  May 24, 2017 at 9:57 am #325771
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  I am not sure grey would be great for your website usability, green represents a validated form field.

  You would use this CSS:

  .woocommerce form .form-row.woocommerce-validated .select2-container, 
  .woocommerce form .form-row.woocommerce-validated input.input-text, 
  .woocommerce form .form-row.woocommerce-validated select {
      border-color: grey;
  }

  May 24, 2017 at 10:48 am #325793
  micol

  Member

  Post count: 24

  i use this code but the color not changes

  May 24, 2017 at 10:57 am #325797
  David Martin – Support

  Moderator

  Post count: 20834

  You may need to use the CSS !important attribute.

  .woocommerce form .form-row.woocommerce-validated .select2-container, 
  .woocommerce form .form-row.woocommerce-validated input.input-text, 
  .woocommerce form .form-row.woocommerce-validated select {
      border-color: grey !important;
  }

  May 24, 2017 at 10:58 am #325799
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  That was because you had an error(missing a closing bracket) in a css rule above the place where you paste David code.
  I already fixed it, clear the cache and test again.

  -Rui

  May 24, 2017 at 11:10 am #325801
  micol

  Member

  Post count: 24

  the color do not changes…also with the new code

  May 24, 2017 at 11:18 am #325804
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  This reply has been marked as private.
  May 24, 2017 at 11:56 am #325809
  micol

  Member

  Post count: 24

  ok now it’s perfect!

  May 24, 2017 at 12:01 pm #325811
  David Martin – Support

  Moderator

  Post count: 20834

  Thanks Rui.

  If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

• Back to forum

  Posted in: Atelier