Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to Change Active Text Field Color in Form Block


cvanuch

Question

Site URL: https://www.matey.app/support

Hi! I'm trying to figure out how to change the active text field color when typing in the text box in a Form Block. Currently, I changed the text field color to dark gray #262626, but when typing in it, it changes color to white. I've attached a screenshot below. How do I prevent this with CSS? My template is Stanton. Thanks in advance for your help! 

2132855272_ScreenShot2020-02-13at5_53_30PM.thumb.png.761a92e6cd95bcf2654fac9c022e99f9.png

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS .form-wrapper .field-list input:focus, .form-wrapper .field-list textarea:focus { background: black !important; }  

@CIS Add the following to Design > Custom CSS. .form-wrapper .field-list .field .field-element:focus {   border-color: #fecb00 !important;      } Let us know how it goes.  

@creedon Thank you so much! This works EXACTLY how I wanted, much appreciated! 😄

Posted Images

4 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

.form-wrapper .field-list input:focus, .form-wrapper .field-list textarea:focus {
    background: black !important;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

Is it possible to custom code the colour of the border to change when the text field is active? 

So when unselected it remains black, but when active and typing in it the borders change to #fecb00

Home page:

Website: cookislandsecurity.squarespace.com
Password: security199

Link to post
  • 0

@CIS Add the following to Design > Custom CSS.

.form-wrapper .field-list .field .field-element:focus {

  border-color: #fecb00 !important;
  
  }

Let us know how it goes.
 

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...