Contact page - no visible lines around text blocks due to white background

[Kamval]

Hi everbody,

At this moment I have changed the background colour of my contact page to white. However I see that the lines of the text boxes disappear. Can somebody please help me fixing this? I just want to change the colours of the lines for this contact page. I need an encircled line around the textbox.

Can somebody help me please?

Kr,

Kamval

[LitExtension · Accepted solution]

Hi @Kamval,

Go to Assets > theme.css and paste this at the bottom of the file:

.contact-form input,
.contact-form select,
.contact-form textarea{
	border: 1px solid var(--color-text-field-text) !important;
}

Hope it helps!

[dmwwebartisan]

@Kamval 

Please share your store URL!

Thanks!

[Kamval]

https://nassirioils.com/.

There you go.

[LitExtension · Accepted solution]

Hi @Kamval,

Go to Assets > theme.css and paste this at the bottom of the file:

.contact-form input,
.contact-form select,
.contact-form textarea{
	border: 1px solid var(--color-text-field-text) !important;
}

Hope it helps!

[Kamval]

hi guys,

This solution worked very well for me. I also used it for other pages. However I am struggeling to create borders for the ''amount'' on my products page:

.default product input,
.default product select,
.default product textarea{
border: 1px solid var(--color-text-field-text) !important;
}

It doesnt seems to work..

I have attached a screenshot.  

[Kamval · Accepted solution]

Never mind! I tried product-form and it worked :D.

.product-form input,
.product-form select,
.product-form textarea{
border: 1px solid var(--color-text-field-text) !important;
}