More control over form appearance

  • Resolved jameslsav

    (@jameslsav)


    3 years, 4 months ago

    Hi there,

    I’ve put a newsletter signup form in the footer on my website on every page.

    I have a couple of questions:
    – It would be really great if more styling options were available without CSS and I don’t know CSS. Do you have plans to add more options e.g. text font, spacing around button, hover colours, confirmation text oolour etc

    – What CSS do I have to add to add a bit more space between the button and the form fields?
    – What CSS do I need to change the font?

    Many thanks,

    James.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Ignazio Setti

    (@ignaziohappyforms)

    Hey @jameslsav ??

    We know, it would be nice to have more granular control over styles — not everyone likes to dabble in CSS. Truth is though, every user has different needs when it comes to customization, and the only way to cater to everyone would be to turn our Style screen into a full-fledged visual builder.

    All that said, you can:

    • Control colors from your Style → General → Colors section.
    • Font sizes with the various “* font size” controls in Style → Field Labels & Text and Style → Submit Button sections.

    To tweak the top margin of your submit button you’ll need a CSS customization instead. Try adding this code to your Appearance → Customize → Additional CSS screen:

    .happyforms-part--submit {
    margin-top: 10px;
}

    That should hopefully do the trick. ??

    Anonymous User 18525946

    (@anonymized-18525946)

    I’ll close this. If you still need a hand, please let us know in a new topic.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘More control over form appearance’ is closed to new replies.