I can’t seem to increase the font size for the placeholder as well as the options for a dropdown. We have “enhanced user interface” enabled and I don’t know if that changes what I need to target with CSS. You can see the form here - https://snagalot.com/land-buyers-quiz/ We are using a plugin that…

Here is a post addressing a similar styling issue had by another user. This is my solution. For them, it seemed to be an issue of selector specificity in CSS. [image] Trying to Style the Enhanced user interface for Drop Downs? Get Help I would guess maybe the selectors ne…

Hello. Can you help me? Your post is the only one that comes up when I search for my question. (This is a workaround to styling the placeholder on the drop down list.) I am trying to style the first option in the drop down list, so that it stays grey even when it is selected. I can assign a # valu…

Hope this helps. The code below is a snippet I use for my forms. I also targeted the field in your drop-down as well for you. /* This targets the first field only */ #gform_wrapper_4 .chosen-container-single a.chosen-single #field_4_1 { font-size: 30px !important; background: darkgray!impor…

[image] user5c0166073a6c48.6: .gform_wrapper .chosen-container-multi .chosen-choices Hello – thank you so much for responding. I tried some of your snippet, and also the one at the bottom to target my first field, but could not get anything to respond. Here’s what works to change font color…

I don’t believe the value input will affect the CSS ID or class of the individual option upon saving the form. You can style the options that are chosen after they are chosen but to my knowledge, it is not possible to style one specific option only inside of your enhanced drop-down field. Is this m…

Yes, it is making sense. And thanks so much. Unfortunately, I can’t change to multi-select as only one answer is possible. We have extensive algorithms written based on the answer. I’ve been searching everywhere, so have seen a lot of different attempts at this. GF said they could not style the se…

Can you try this out? This style’s placeholders, although it will not work for your workaround. We can also try appending this placeholder pseudo-class to the specific field but as of right now your drop-down does not have any placeholder text, only options. /* This styles Placeholder text */ ::-we…

Thank you! I tried this one before, but did it again just in case I messed it up before. Alas, no! It styles all of the placeholders EXCEPT the one for “select”. LOL This thing is very stubborn. I saw one example where someone styled a drop down so that every option had a different style, but I th…

[image] user5c0166073a6c48.6: .gform_wrapper .chosen-container-multi .chosen-choices Let’s try one more time. body .gform_wrapper .gform_body .gform_fields .gfield select::-webkit-input-placeholder { color: darkgray; font-size:32px; } body .gform_wrapper .gform_body .gform_fields .gf…

[image] user5c0166073a6c48.6: body .gform_wrapper .gform_body .gform_fields .gfield select::-webkit-input-placeholder { color: darkgray; font-size:32px; } body .gform_wrapper .gform_body .gform_fields .gfield select::-moz-placeholder { color: darkgray; font-size:32px; } body .gfo…

Changing Font Size for Dropdown Placeholder and Options

Get Help

uamv (Joshua Vandercar (Gravity Forms)) November 19, 2020, 3:54pm 2

Here is a post addressing a similar styling issue had by another user. This is my solution. For them, it seemed to be an issue of selector specificity in CSS.

Topic		Replies	Views
Placeholder for dropdown Get Help css , placeholder , dropdown	3	4728	October 23, 2020
Trying to Style the Enhanced user interface for Drop Downs? Get Help css , drop-down , enhanced-interface	4	3384	June 5, 2020
Dropdown menu css trick won't work Get Help css , drop-down , enhanced-interface	4	2052	November 5, 2020
Need help with CSS targeting only the placeholder in a dropdown field [RESOLVED] Get Help css , javascript , placeholders	5	359	April 11, 2024
I want to change the 'blue' color that appears on hover in the dropdown list [RESOLVED] Get Help css , chrome , enhanced-interface	7	8042	January 22, 2022

Changing Font Size for Dropdown Placeholder and Options

Related topics