Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 22, 2018 at 11:44 am #1013035
    beenee

    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

    September 22, 2018 at 12:40 pm #1013041
    Dude

    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

    September 22, 2018 at 1:51 pm #1013057
    beenee

    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;
}
    September 22, 2018 at 2:33 pm #1013065
    Dude

    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

    September 22, 2018 at 5:15 pm #1013098
    beenee

    I tried in FF (62.02) which is taking all the other fonts.

    September 22, 2018 at 9:19 pm #1013141
    Dude

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.