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

Solved
Kamval
Tourist
10 2 0

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.I need an encircled line around the textbox.

 

Can somebody help me please?

 

Kr,

 

Kamval

Accepted Solutions (2)

Accepted Solutions
LitExtension
Shopify Partner
2000 332 408

This is an 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!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Kamval
Tourist
10 2 0

This is an 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;
}

 

View solution in original post

Replies 5 (5)
dmwwebartisan
Shopify Partner
9829 2237 3078

@Kamval 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
LitExtension
Shopify Partner
2000 332 408

This is an 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!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Kamval
Tourist
10 2 0

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
Tourist
10 2 0

This is an 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;
}

 

View solution in original post