Jump to content

Change color of form field frame

Go to solution Solved by Web_Solutions,

Recommended Posts

  • Solution
6 hours ago, Aurora said:

Hi,

Is it possible to change the color of the black frame that appears when I click into one of the form fields?

I would have to change it 1. in the newsletter signup on the homepage, 2. in the newsletter signup that's being pulled into each blog post via a plugin, and 3. the contact form, to make it consistent.

Is that possible?

https://www.kristinkuehn.com

pw: 2eRFn7gQ

Many thanks!

Bildschirmfoto 2023-10-28 um 08.47.09.png

 

Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS. You can change the color code(#fe5aa9) as your need.

.newsletter-block input {
    outline-color: #fe5aa9 !important;
}

 

Screenshot_339.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
14 minutes ago, Web_Solutions said:

 

Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS. You can change the color code(#fe5aa9) as your need.

.newsletter-block input {
    outline-color: #fe5aa9 !important;
}

 

Screenshot_339.png

Beautiful thank you!

How may I change my contact form in the same way?

Link to comment
1 minute ago, Aurora said:

Beautiful thank you!

How may I change my contact form in the same way?

Replace the previous code with the code below.

.newsletter-block input, .form-block input, .form-block textarea {
    outline-color: #fe5aa9 !important;
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.