How can I change the colour of text and field outlines on my website?

Store Design
1

Hello please can someone help with the following:

  1. Change colour of text within ‘first name’ and ‘last name’ fields of ‘create account’ to black so it is visible.

  2. Change colour of text within address input fields to black so its visible.

3.Make the ‘special instructions for seller’ input box white with black text within this field so its visible against the black background.

url - www.ridenutrition.co.uk

password - blatsi

IMG_4530.jpg
IMG_4530.jpg828×1792 66.3 KB

IMG_4531.jpg
IMG_4531.jpg828×1792 82.7 KB

IMG_4532.jpg
IMG_4532.jpg828×1792 77.4 KB

2

@jamesjackson1

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333;
}
:-moz-placeholder { /* Firefox 18- */
  color: #333;
}
cart__note {border-color: #fff;}
3

Thank you. That is great but has not changed the colour of the box for the
special instructions.

I would like this to be a white box with black text inside.

4

I’m sorry to be a pain.

The site is launching on Monday so would great to have a solution by then!

Many thanks

1 Like
5

@jamesjackson1

thanks for update

i have check all code work if you have facing any issue let me know

6

I have used the code you have given me but i still cannot see the text
input box for special instructions at the checkout.

please can you help me.

Many thanks!

1 Like
7

@jamesjackson1

sorry but Special instructions for seller box i can’t see placeholder so doesn’t show please add