How to change the font color in the contact form??

  • Resolved djkomic

    (@andrewsearles)


    1 week, 1 day ago

    Hello,

    I installed a contact form from WPForms to my website. Couldn’t for the life of me find a way to edit the font color (you can customize the form in every way in the WPForms plugin except the font colors, which makes no sense) because my website has a black backdrop and the font was automatically black, so I had to create an element, put the form in the element, and give the element a white background so the black text in the contact form would appear.

    I found a page where you can edit the form (https://wpforms.com/docs/styling-your-forms/#Background_Styles_) but when I go into the block page, it states “This block has encountered an error and cannot be previewed.”

    So much issues just to change the font color is insane.
    Anybody know a way, or an easier way to do this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Shawon Chowdhury

    (@shawon001)

    Hello @andrewsearles ,

    Thanks for reaching out and it’s sad to hear about the trouble.

    We have a built-in style editor that is available for the block editor and all Full Site Editor themes. You can learn more about this here.

    To customize the font color on your contact form, you can use the WPForms block settings in the WordPress Block Editor, and here is our guide for the same.

    In case you are using Elementor, you can still make the changes within the Elementor builder as outlined here.

    In case your site does not use the block editor/Elementor, there are two options for customizing the appearance of your forms: writing custom CSS or using a non-coding plugin called CSS Hero (which creates CSS for you).

    In case you’re curious, you can learn more about CSS Hero here. They have native integration for WPForms – so that means when the CSS Hero plugin is activated alongside WPForms, it “just works”. Plus it can be used site-wide, not just for your forms.

    If you’d like to see how CSS Hero works with WPForms, you can check out the Live Demo option on their site.

    And if you’re willing, an alternative option is to create your own CSS. We currently have two starter articles on the topic:

    1)?First one
    2)?Second one(builds upon that first tutorial)

    I hope this helps!
    Let me know if you have any other questions ??

    Plugin Support Shawon Chowdhury

    (@shawon001)

    Hi @andrewsearles ,

    We haven’t heard back from you in a few days, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.