Forms - Required Field Asterisks

Lisa_Heay2
Level 3

Forms - Required Field Asterisks

We are working with a client who launched a new wordpress site.  They're using Marketo forms, and I can see in the form builder the fields that are required and the ones that are not.  On the website, every field, required or not, shows an asterisk next to it, as if it is required.  The developer on the project can either turn them all off in Wordpress, or on, but can't get just the actual required fields to show asterisks.  What are we missing?  Anyone else run in to this issue?

Tags (1)
5 REPLIES 5
SanfordWhiteman
Level 10 - Community Moderator

Re: Forms - Required Field Asterisks

Point me to the page -- they have some custom CSS that's overriding the form styles.

Lisa_Heay2
Level 3

Re: Forms - Required Field Asterisks

http://www.appuri.com/

It appears that the developer has removed all asterisks - I don't see them here anymore.  But regardless, there should be some on the required fields.

The weird thing that I am just now noticing, this page's form has the asterisks in the right places: http://www.appuri.com/our-platform/machine-learning/

I know the Marketo side, but not the wordpress side - I suspected some kind of CSS issue, but am limited in how much I can help their developer.

Appreciate any insight you can provide - thank you!

Lisa_Heay2
Level 3

Re: Forms - Required Field Asterisks

I was just told that the staging site it the one having the issues, which I dont think I can share with you.  Does this link work for you? Machine Learning - Appuri

SanfordWhiteman
Level 10 - Community Moderator

Re: Forms - Required Field Asterisks

Problem's pretty clear, surprised they couldn't find it.

body .umfwrap .mktoForm .mktoRequiredField .mktoAsterix,

body .umfwrap .mktoForm .mktoAsterix {

padding: 0;

float: left;

display: block;

color: #AAA;

}

The above CSS (in http://appuri.staging.wpengine.com/wp-content/themes/jupiter/custom.css?ver=4.8) unhides the .mktoAsterisk even when the field is not required. See how the second selector doesn't include .mktoRequiredField?

.mktoAsterisk is always in the DOM, it's just display: none; by default if not required. So they're overriding that.

Lisa_Heay2
Level 3

Re: Forms - Required Field Asterisks

Thank you so much - I'll forward this on to them and fingers crossed they can get it corrected.