SOLVED

Changing the Form fields a different color

Go to solution
Callum_Pirie
Level 3

Changing the Form fields a different color

Hi there,

I am trying to change the form fields to a darker grey and having issues in the CSS of Marketo

the page in question is Professional Diploma in Digital Marketing | Study Online | Enrolling Now

Here are some screenshots of how to get to the button

1.png

2.png

As you can see the grey is a bit 'washed out' so I want to change the color to a darker grey.

Thanks

Tags (3)
1 ACCEPTED SOLUTION

Accepted Solutions
Corey_Bethel
Level 4 - Champion Alumni

Re: Changing the Form fields a different color

To change the placeholder text, which is the text you see before you type anything into a field, you'll need to add this to your custom CSS:

::placeholder {

color: #333 !important;

opacity: 1;

}

:-ms-input-placeholder {

color: #333 !important;

}

::-ms-input-placeholder {

color: #333 !important;

}

That will only work on the text field types. The font color on the select field types is specified inline on the select elements themselves, so it'll be hard to change that color with CSS. There may be a way to change it with JavaScript. May Sanford Whiteman​ could help out with that?

Corey Bethel
Consultant | Etumos

View solution in original post

4 REPLIES 4
Corey_Bethel
Level 4 - Champion Alumni

Re: Changing the Form fields a different color

Hi Callum,

Are you trying to make the border of the form fields darker? Currently, the color of the border is being set by "border-color: #ece6e6". You'll need to update the "border-color" to what ever color you want.

Corey Bethel
Consultant | Etumos
Callum_Pirie
Level 3

Re: Changing the Form fields a different color

no its the actual text in the fields themselves not the border.

Corey_Bethel
Level 4 - Champion Alumni

Re: Changing the Form fields a different color

To change the placeholder text, which is the text you see before you type anything into a field, you'll need to add this to your custom CSS:

::placeholder {

color: #333 !important;

opacity: 1;

}

:-ms-input-placeholder {

color: #333 !important;

}

::-ms-input-placeholder {

color: #333 !important;

}

That will only work on the text field types. The font color on the select field types is specified inline on the select elements themselves, so it'll be hard to change that color with CSS. There may be a way to change it with JavaScript. May Sanford Whiteman​ could help out with that?

Corey Bethel
Consultant | Etumos
Callum_Pirie
Level 3

Re: Changing the Form fields a different color

Thanks Corey,

Will give this a go.


Thanks