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

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

jamesjackson1
Tourist
20 0 2

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.jpgIMG_4531.jpgIMG_4532.jpg

Replies 6 (6)

KetanKumar
Shopify Partner
37143 3648 12063

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jamesjackson1
Tourist
20 0 2
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.


jamesjackson1
Tourist
20 0 2

I'm sorry to be a pain.

 

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

 

Many thanks 

KetanKumar
Shopify Partner
37143 3648 12063

@jamesjackson1 

thanks for update

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jamesjackson1
Tourist
20 0 2
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!
KetanKumar
Shopify Partner
37143 3648 12063

@jamesjackson1 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing