Return to previous page

How do i set border color of the checkout field

This topic has 6 replies, 2 voices, and was last updated 2 years, 1 months ago ago by Tony Rodriguez

Kazi Sabit

Participant

October 5, 2022 at 08:54

How do i set border color of the checkout field? Like the screen shot.

You could make checkout page nicer with 3d effect. I have shared another picture.

Please, contact administrator
for this information.

#335833 Copied Theme version: 8

5 Answers
Tony Rodriguez

Support staff

October 5, 2022 at 10:01
Hello, @Kazi Sabit,

1- In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.
```
#customer_details input{border-color:red !important;}
#customer_details .select2-container{border: solid 1px red !important;}
```
Then save settings and check back to your site after clearing the browser cache. The result will appear like this: https://postimg.cc/JtHy9994
Note: in the above code the word “red” is the color and you can change it with you want.

2- Thanks for your suggestion currently there is no option in the theme to make it as you describe. We will think about it.

Regards 8Themes Team.
#335842 Copied
Kazi Sabit

Participant

October 5, 2022 at 10:09

Customer note input border color still the same.

Please contact administrator
for this information.

#335844 Copied

Tony Rodriguez

Support staff

October 5, 2022 at 11:44

Hello, @Kazi Sabit,

In order to solve your issue simply go to the Dashboard >> XStore >> Theme Options >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.

textarea, textarea.form-control { border-color: red !important; border: solid 1px red !important; }

Then save settings and check back to your site after clearing the browser cache.

The result will appear like this: https://postimg.cc/ctqns7gs

Note: in the above code the word “red” is the color and you can change it with you want.

Regards 8Themes Team.

#335848 Copied

Kazi Sabit

Participant

October 5, 2022 at 12:09

Can i use color code instead of RED?

#335851 Copied

Tony Rodriguez

Support staff

October 5, 2022 at 12:12

Hello, @Kazi Sabit,

Yes you can use the color code instead of color name in the given code as well: https://www.color-hex.com/

Regards 8Themes Team.

#335853 Copied
Tagged: border, checkout, color, field, template, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘How do i set border color of the checkout field’' has been successfully resolved, and the topic is now closed for further responses

How do i set border color of the checkout field

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection