Docs

[spencerdauphin]

Hi,

I am trying to change the field label color from black to white on all gravity forms on my website.

I have managed to change the section labels but not the field labels. By manually editing the css in chrome, I can see that #top label section is responsible for this but cannot seem to override that using the custom CSS.

By using:

.gform_wrapper .left_label li.field_sublabel_below .gfield_label {
    color:#ffffff;
  	font-size:16px;
  	font-weight:bold;
  	background-color:#ffffff;
}

I can change the font size, weight and background color but not the text color…

It looks like #top label color is set elsewhere??

Cheers
Spence

[Rupok]

Hi there,

Thanks for writing in! We need to check from URL that from where the other CSS is loading but it seems coming from custom CSS as well (maybe page level CSS) or plugin since there is no such code on theme.

However you can also use !important to force your CSS :

.gform_wrapper .left_label li.field_sublabel_below .gfield_label {
        color:#ffffff!important;
  	font-size:16px;
  	font-weight:bold;
  	background-color:#ffffff;
}

Thanks!

[spencerdauphin]

This reply has been marked as private.

[Rupok]

Hey Spence,

Thanks for detailed info with credentials, it always help to dig a bit deeper. However I can see you have added hte code in page level CSS in Cornerstone Tab for the page – http://prntscr.com/cc66qp

Let’s remove this to get expected result.

Cheers!

[spencerdauphin]

Thanks Rupok!

Not sure how that got there or why that was there.

Was definitely the fix though 🙂

Cheers
Spence

[Friech]

We’re delighted to assist you with this 🙂

Cheers!

[Author]

Posts