Styling forms

  • Resolved davidsimps0n

    (@davidsimps0n)


    6 years, 1 month ago

    Hey,

    My form doesn’t seem to be inheriting my theme css. Do I have to create custom rules per form to customise the font? I can see options to customise the font color etc. but not the font-family.

    Cheers!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey ?? Great question, @davidsimps0n!

    With HappyForms we decided not to let the forms inherit theme styles because, honestly, quite often themes have some fairly quirky rules that don’t play as nicely as our default. Instead, though, you can control almost every aspect of your forms styles using the Style options.

    Which font would you like to use? Would you please share a link to the page you’re working on?

    More than happy to help!

    Thread Starter davidsimps0n

    (@davidsimps0n)

    Hi,

    Here’s a link:

    https://maximalminimum.co.uk/happyforms/

    I’m using Gilroy font, found here:

    https://www.tinkov.info/gilroy.html

    Thanks!

    Hey there, @davidsimps0n!

    Your forms should just inherit the font family of their container element. Looking at your styles, I noticed Gilroy is configured only for specific elements in your page – that’s why HappyForms doesn’t pick it up. Try popping this snippet in your Appearance → Customize → Additional CSS screen:

    .happyforms-form {
    font-family: "Gilroy Extra Bold Webfont", Sans-serif;
}

    That should hopefully do the trick. Let us know how you go!

    Thread Starter davidsimps0n

    (@davidsimps0n)

    Brilliant!

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Styling forms’ is closed to new replies.