Any inputs for CSS class names for WPForm in Footer 3 if we were to align the Form with Newspaper’s theme (black) ? We are testing the site with both Contact Form 7 as well as WP Form. Supported plugin Contact Form 7 automatically picks up Newspaper theme’s CSS, while WPForm doesn’t and required hard coding CSS classes in their settings. Inputs appreciated.
Hi,
You could use CSS to style the forms if needed, style them as you wish. Some more information here in their documentation
– https://wpforms.com/docs/how-to-style-wpforms-with-custom-css-beginners-guide/
Maybe that would be helpful for you. I could try and help you if you could mention what exactly you want to do, and provide a link to the form on your website.
Thanks
We are trying to align WPform’s form with the color coding and fonts of Newspaper (black) theme. Example: Dark grey Fonts in the black background (text boxes) as against the current view. Check out the form in footer section of https://www.latidune.com.
The form has a CSS class setting, would like to know if there is any specific CSS class of Newspaper theme that can be leveraged in WPForm’s CSS class setting instead of adding custom css code in theme panel. Thanks.
I can’t think of a class that you could use with the form. Best bet would be to customize the form with custom code as you wish. I will help you if you should require it.
Thanks
Sure, please share the custom code when possible, we’ll test it out and confirm. Thanks.
So all you want to do is to set a darkgrey color for the form text like this
– https://www.screencast.com/t/dwlkU3ipqGG
This would be the code for that
div.wpforms-container-full .wpforms-form .wpforms-field-label,
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
color:darkgrey;
}
You can chnage the color if needed. Let me know if need to customize the form further.
Sorry, should have clarified better. What is required to change background color of white text boxes to newspapers theme’s background color & text color inside text boxes match theme’s font ?
So maybe like this – https://www.screencast.com/t/zHTmwn5Qa
You can change the colors if needed, this is the code used
– https://pastebin.com/sM1iA6D6
Thanks, all set.
