Problem with styling select (dropdown) comboboxes

  • Resolved jterryc

    (@jterryc)


    1 year, 2 months ago

    I have a simple membership form which is set up with the Forminator (free) Design Style set to None so that the styling can be set by my theme – a simple child theme of GeneratePress where the only other customisation is to set the site text font and minor formatting of the Navigation menu.

    I can set the styling of all elements except the select comboboxes, using the CSS –

    .forminator-button-submit {
    border-radius: 16px;
    background: green;
}
.forminator-label {
    display: inline-block;
    width: 200px;
    height: 30px;
    font-weight: bold;
}
.forminator-input,
.forminator-input[type=text],
.forminator-input[type=email] {
    display: inline-block;
    width: 400px;
    height: 30px;
    padding: 5px;
    border: 1px solid black;
    background-color: #f0ffff;
    margin-right: 5px;
}

    I have tried all combinations of -input, -select, -dropdown, and [type=select] with .forminator but failed to change the select styling.

    Can you provide me with the correct CSS syntax to style the select elements ?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Dmytro – WPMU DEV Support

    (@wpmudevsupport16)

    Hello @jterryc,

    I hope you’re doing good today!

    Please test the following CSS selectors with your setup:

    /* Labels */
.forminator-field-select label
{
  font-size: 30px;
	color:red;
}

/* Dropdown list */
.forminator-field-select .forminator-select2
{
  font-size: 30px;
	color:red;
}

    Hope this helps. If you need to figure out more rules, please let us know which elements you are targeting, and which styles should be applied.

    Best Regards,
    Dmytro

    Thread Starter jterryc

    (@jterryc)

    Hi Dmytro,

    Many thanks for your prompt reply – the CSS selectors you provided worked perfectly – excellent service !

    Best regards,
    Terry

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem with styling select (dropdown) comboboxes’ is closed to new replies.