Resolved

Invisible text boxes

Polestar Theme started by danny weiss Nov 19, 2018 3 replies
danny weiss Nov 19, 2018 · 3:01 pm #10970

Hello,

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 Puro Nov 30, 2018 · 2:13 pm #11033

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 Dec 5, 2018 · 4:11 pm #11067

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 Puro Dec 5, 2018 · 4:15 pm #11068

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.

Thanks

4 posts