Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 21, 2020 at 6:17 am #1176564
    navindesigns

    On my page at the bottom, I have a gravity forI was able to style the text field via CSS but I am unable to style the dropdown to match. Please assist.

    Home

    I used the following CSS which works for the text input fields but not the dropdown fields

    body .gform_wrapper input[type=’text’], select {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid white !important;
    margin-bottom: 20px !important;
    font-weight: none !important;
    font-size: 20px !important;
    text-align: center !important;
    font-family: ‘Lato’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif !important;
    color: #fff !important;
    }

    January 22, 2020 at 8:52 am #1177025
    Ismael

    Hey navindesigns,

    Thank you for the inquiry.

    You can adjust the look of an option element but only to a limited extent because its style is browser dependent. You can try this css code for example.

    .gform_wrapper select option {
	background: #000000;
	color: #ffffff;
}

    Best regards,
    Ismael

    January 22, 2020 at 4:11 pm #1177224
    navindesigns

    Unfortunately, that did not work.

    All I want to do it center the “Program Interested In” text and change the color to light gray to match the other text fields label.

    January 23, 2020 at 7:04 pm #1177809
    Victoria

    Hi navindesigns,

    Image 2020-01-23 at 19.00.25.png

    The colors look right on my end, but the as for the centering, please have a look here:
    https://stackoverflow.com/questions/10813528/is-it-possible-to-center-text-in-select-box

    Best regards,
    Victoria

    January 23, 2020 at 7:11 pm #1177813
    navindesigns

    There are 2 colors. One (light gray) when nothing is selected. But once the dropdown opens up , it is white (this one is correct)

    January 23, 2020 at 9:53 pm #1177900
    Victoria

    Hi navindesigns,

    https://share.getcloudapp.com/E0uEO1Dr It is white on my end right away. Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    January 24, 2020 at 6:22 am #1177995
    navindesigns

    Here is a screenshot

    View post on imgur.com

    thanks

    January 27, 2020 at 8:06 am #1178589
    Ismael

    Hi,

    Thank you for the screenshot.

    The text in the select element is now center aligned. Did you adjust it? Unfortunately, it’s not possible to control the alignment of the text in an option element.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.