search

ucsc / ucsc-2022

Official WordPress theme for UC Santa Cruz
6 stars 0 forks source link

Forms: change to black text color #81

Closed knice closed 6 months ago

knice commented 2 years ago

Background

Formidable Forms appears to use Bootstrap to style its forms. That means it uses a different font and different form input styles than our theme. There are settings in the FF dashboard for different style settings.

Investigate the best way to have formidable forms use theme styles instead of its own styles. Ideally we want to turn off FF styles altogether, but that may not be possible with conditional forms and other advanced kinds of forms.

Herm71 commented 2 years ago

formidable-dash-no-style

There is an option in Formidable Forms to not use the Formidable styles.

Herm71 commented 2 years ago

formidable-no-style-front-end

It doesn't look very pretty on the front end, though

Herm71 commented 2 years ago

I think the best bet would be to leave the styles "on" and style what we want with overrides.

knice commented 2 years ago

Is there a way to create a "theme" for a form? It seems like you can switch between appearances in form settings. Is it possible to create an appearance that someone can choose for the form?

Herm71 commented 2 years ago

Upon further digging, it is possible to create a theme for a form. formidable-styles

see also https://formidableforms.com/knowledgebase/visual-form-styler/

I have created a new form theme template using this method. I have changed (some) colors and fonts to reflect UCSC branding We are able to save it and export/import it. formidable-detail

I have created a Kitchen Sink page on my test site that roughly matches the fields and options in the style builder. This way the styles for all available fields can be reviewed and adjusted.

knice commented 2 years ago

@Herm71 What do you get when you export it? What is in the file?

Herm71 commented 2 years ago

@knice it's an XML file. One has the option of exporting styles only, but it's still an XML (or CSV) file. formidable-export

knice commented 2 years ago

Aw, poop. And it looks like it's specific to an individual form?

@Herm71 Looks like the best approach is what we talked about yesterday: duplicate their default stylesheet, change the CSS custom properties to match our theme, and add that sheet to our theme stylesheet.

knice commented 6 months ago

We've moved away from Formidable Forms in favor of Gravity Forms