- This topic has 3 replies, 2 voices, and was last updated 9 years ago by Andrew Misplon.
Tagged: comments form fields ultra
- AuthorPosts
- November 13, 2015 at 12:54 am #2652November 13, 2015 at 12:58 am #2654
Andrew MisplonKeymasterHi SP Sa
Thanks for reaching out. Please, keep in mind that all WordPress themes completely overwrite their own folder during theme updates. Don’t make any edits via Appearance > Editor as they’ll be lost on theme update. Use a plugin like: https://wordpress.org/plugins/so-css/.
With your Custom CSS plugin activated, go to Appearance > Custom CSS and insert:
/* Form Fields */ input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="password"], input[type="search"], select[multiple], textarea { background: #f6f6f7; border: 1px solid #eaeaeb; color: #acaeaf; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { background: #fff; color: #5a5d60; outline-style: none; }
Edit the color values as required. The second set are for the focus state, applicable when the user clicks in the form field.
Hope that helps 🙂
November 13, 2015 at 1:19 am #2655
SP SaParticipantAhhhh^^
Thank you for the quick answer.
I knew that I did something Wrong 😀
I changed the whole CSS data for my Website. Good to Know that there is a Plugin for it. Think that it would save a lot of time 😀Thx for the support
November 13, 2015 at 1:24 am #2656
Andrew MisplonKeymasterFor sure 🙂
Would you like help recovering from this situation? If so:
1. Download this program: https://sourcegear.com/diffmerge/
2. Go to Appearance > Editor, copy the contents of style.css and paste into a text file. Name the text file and save on your desktop.
3. Locate the original CSS file. It depends on the theme version you’re using. If it’s 1.0.2 this is the original: https://themes.svn.wordpress.org/ultra/1.0.2/style.css. You can browse the versions here if necessary.
4. Create another text file with the contents of the original style.css file in it.Hopefully, you see where I’m heading with all this. You should now have two text files, one is the original style.css file the other your modified style.css file. Drop them into DiffMerge and carefully copy each rule that you’ve edited and insert the rule into Appearance > Custom CSS. Once complete, you’ll have made your CSS modifications update safe.
We could also setup a child theme. In that case your CSS modifications would be moved to the style.css file in the child theme. You can download a starter child theme for Ultra here if you want to go that route.
Let me know how you come along. I’ll be back online tomorrow. Cheers.
- AuthorPosts
You must be logged in to reply to this topic.