Hi guys,
I’ve been trying several (quick-css) codings and can’t get the font straight in the form fields at the page http://dev.plp-group.com/jobs_career/ (Main content and footer) . Need to have: font-family: “Montserrat” !important;
Any ideas?
best
Stefan
Hey Stefan,
Please try this css code:
.wpcf7 input, .wpcf7 textarea {
font-family: 'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
Best regards,
Peter
Thanks Peter,
unfortunately it didn’t work. I tried it with additional (exaggerated) font-size, didn’t do anything…
.wpcf7 input, .wpcf7 textarea {
font-size: 25px;
font-family: 'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
Hi,
Strange because the code worked in my console. Maybe it’s a client side limitation (i.e. browser doesn’t support custom form fonts, etc.)? You can try this fiddle to check it: http://jsfiddle.net/jasongennaro/3fkNJ/1/
Best regards,
Peter
I tried in FF (62.02) which is taking all the other fonts.
Hi,
To be honest I also don’t know why it’s not working. You could try to add some id selectors to your code like:
#top #wrap_all .wpcf7 input, #top #wrap_all .wpcf7 textarea {
font-family: 'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
to make the rule more specific.
Best regards,
Peter