Return to previous page

Make a Border around the Billing details information

This topic has 6 replies, 2 voices, and was last updated 7 years, 7 months ago ago by Olga Barlow

Frank Worcester

Participant

September 15, 2016 at 12:46

Hello again,
Thanks ever so much for all the support, we’re just sorting out payments stuff now 😀

I’m not sure how to do this with the code, but the boxes where the customer has to put their details in is too light, would it be possible to put a border around them? Similar to when it already has the words inside.

Ill send you a screenshot in the private content so you can see.

Take care,
Frank

Please, contact administrator
for this information.

#139787 Copied Theme version: Latest version 1.7 WooCommerce version: Latest 4.6

5 Answers
Olga Barlow

Support staff

September 16, 2016 at 07:53
Hello,

I have added the following custom css
```
input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], textarea {
    border: 1px solid #c7c7c7;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus {
    border-color: #979797;
}
```
Check now.

If you update theme to version 2.1 you’ll be able to change color of inputs via Theme Options.

Regards
#139863 Copied
Frank Worcester

Participant

September 16, 2016 at 11:51

Wow thanks very much! It looks really clear now thanks 🙂 Thanks again for all the help 🙂

Take care,
Frank

#139886 Copied

Olga Barlow

Support staff

September 16, 2016 at 16:50

You are welcome!

We would be very appreciated if you leave your review and 5-stars rating on TF for our theme. Thanks

Regards

#139920 Copied

Frank Worcester

Participant

September 17, 2016 at 15:45

Done 😀

#139951 Copied

Olga Barlow

Support staff

September 19, 2016 at 09:12

Thank you very much!

Regards

#139994 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Make a Border around the Billing details information’' has been successfully resolved, and the topic is now closed for further responses

Make a Border around the Billing details information

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection