Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 25, 2020 at 12:42 pm #1225469
    clairemartindigital

    Hi guys,
    this issue is driving me slightly insane, so i am hoping that you’ll be able to help me out. I have 2 forms on the site. Each form has 3 fields and the input button. For 2 of the fields for each form the font brandon_grotesque is correct. But i can’t get the font for the text input field as well as the submit button to display correctly. Can you advise please how i can get the correct font to display for those 2?

    Thanks in advance!

    June 26, 2020 at 2:51 pm #1225836
    Victoria

    Hey clairemartindigital,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .avia_ajax_form textarea::placeholder,
.main_color input[type='submit'] {
  font-family: 'brandon_grotesquebold', Fallback, sans-serif !important;
}

    If you need further assistance please let us know.

    Overriding Default Button Styles

    https://www.jotform.com/help/118-How-to-Customize-the-Submit-Button-with-CSS

    Best regards,
    Victoria

    June 26, 2020 at 3:21 pm #1225867
    clairemartindigital

    Hi Victoria,
    thanks for your reply. I have added it in both placed, cleared the cache of the site and the browser. However, it doesn’t seem to be working. Can you have another look please?

    Thanks

    June 27, 2020 at 5:11 pm #1226084
    Victoria

    Hi clairemartindigital,

    I see some errors in your styles.css. Please validate the css from there.

    https://jigsaw.w3.org/css-validator/

    Best regards,
    Victoria

    June 28, 2020 at 12:03 pm #1226199
    clairemartindigital

    Hi Victoria,

    thanks for pointing this out. The css errors have been resolved now. However, this didn’t address the original issue. Any other ideas?

    Thanks

    June 30, 2020 at 4:28 am #1226633
    Rikard

    Hi,

    Thanks for the update. Please try this instead:

    #top .avia_ajax_form textarea::placeholder,
.main_color input[type='submit'] {
  font-family: 'brandon_grotesqueblack', Fallback, sans-serif !important;
}

    If that doesn’t help then please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    June 30, 2020 at 5:37 am #1226641
    clairemartindigital

    Hi Rikard,

    thanks for the response. The css you provided was the same Victoria posted on the 26th June which didn’t work. I have added the details for you to the private comment section.
    Thanks!

    July 1, 2020 at 7:20 am #1227102
    Rikard

    Hi,

    It’s applying now, please review your site.

    Best regards,
    Rikard

    July 1, 2020 at 9:41 am #1227182
    clairemartindigital

    Hi Rikard, thank you so much! What was the problem?

    Best Regards

    July 2, 2020 at 5:05 am #1227373
    Rikard

    Hi,

    It was just the font name, I changed it to the correct one and it worked after that. You can see the working CSS in your Quick CSS box.

    Best regards,
    Rikard

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