I recently bought your theme and I'm in the midst of setting up my website, on my local server as a start. So far so good, but today I ran into some problems when I tried to customize the contact form.
I can do it by the help of the Contact Form 7 Style Plugin, but unfortunately this doesn't seem to work for the Sailent minimal version of the contact form which overrides the changes, at least when it comes to the text.
I figured i would tackle this problem by using some additional CSS but I can't figure out which classes to target with it.
Let's say I want to change the color of the input label text, input field text, input placeholder text and lastly - the color of the animated borders, from grey to white, what should I type in the Additional CSS form in my dashboard?
2) For the animated border, we could try and write the CSS if we have access to the actual page. So when you move the site to a domain let us know with a link to the page with the form and we will work it from there.
Thank you for your help, but unfortunately the CSS you provided doesn't do the trick. It only changes the color of the input text, and this goes just for the inherit form styling, not for the minimal one. Any clues to why this might be?
Hi,
I recently bought your theme and I'm in the midst of setting up my website, on my local server as a start. So far so good, but today I ran into some problems when I tried to customize the contact form.
I can do it by the help of the Contact Form 7 Style Plugin, but unfortunately this doesn't seem to work for the Sailent minimal version of the contact form which overrides the changes, at least when it comes to the text.
I figured i would tackle this problem by using some additional CSS but I can't figure out which classes to target with it.
Let's say I want to change the color of the input label text, input field text, input placeholder text and lastly - the color of the animated borders, from grey to white, what should I type in the Additional CSS form in my dashboard?
Thank you
Best regards,
Linnéa Eriksson
Hi there,
1) For the input fields you can try this CSS:
.wpcf7-form input[type=text], .wpcf7-form textarea, .wpcf7-form input[type=email], .wpcf7-form input[type=password], .wpcf7-form input[type=tel], .wpcf7-form input[type=url], .wpcf7-form input[type=search], .wpcf7-form input[type=date]{ color:red; }2) For the animated border, we could try and write the CSS if we have access to the actual page. So when you move the site to a domain let us know with a link to the page with the form and we will work it from there.
Thanks.
Hi Andrew,
Thank you for your help, but unfortunately the CSS you provided doesn't do the trick. It only changes the color of the input text, and this goes just for the inherit form styling, not for the minimal one. Any clues to why this might be?
Best regards,
Linnéa Eriksson
Hey Again,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team