[Resolved] Invisible text boxes

  • Author
  • #10970

    danny weiss


    I was wondering if I can make the text fields on my website stand out. At the moment they’re almost invisible and you have to take a good look in order to find them before clicking or tapping to add some text.
    I’m not great with php and it would be nice if there was a way to add some code to Additional CSS that would give a darker shade to the text box frames.

    Thanks in advance.


    Andrew Misplon

    Hi Danny

    Sorry I missed this question. Sure, try the following at Customize > Additional CSS:

    input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    	border-color: red;
    input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=range]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
    	border-color: blue;

    Adjust the standard and active state color as you’d like. The defaults are: #ebebeb and #d9d9d9


    danny weiss

    Worked like a charm, thank you so much!! And sorry for the late reply.
    in case I have more issues, can I post them here or should I open new threads? I just discovered an error on the checkout page (I use Woocommerce) that can’t be replicated with other themes.


    Andrew Misplon

    Super 🙂 Glad that helped.

    If you could open a new topic for a new question, that would be awesome, it really helps anyone looking for help later on.


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top