Custom CSS Select Dropdown

  • Resolved mirkoschubert

    (@mirkoschubert)


    2 years, 11 months ago

    Hi, I’m trying to set a bigger font size to the dropdown menu of multiple select fields with custom CSS, but nothing works. Since the custom CSS option seems to be compiled afterwards, it would be nice to know how to address the dropdown menu of a select field, e.g. just like this:

    
.forminator-select-dropdown ul li {
  font-size: 1.125rem;
}

    Is there any solution for this problem? Whatever I tried, the CSS does’t want to be built and doesn’t show in the web inspector.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Nebu John – WPMU DEV Support

    (@wpmudevsupport14)

    2 years, 11 months ago

    Hi @mirkoschubert,

    I hope you are keeping well and thank you for reaching out to us.

    You can change the font size of the Dropdown menu from the Appearance tab of the form. Please check the following screenshot for reference: https://ibb.co/Y0WS5jB

    I hope that helps.

    Kind Regards,
    Nebu John

    Thread Starter mirkoschubert

    (@mirkoschubert)

    2 years, 11 months ago

    Hi @wpmudevsupport14,

    Thank you for your reply! But sadly this doesn’t help. The custom font size would also change the font family and weight. But the website of my customer doesn’t use any Google fonts, but a custom one.

    So it must be a solution with custom CSS.

    Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    2 years, 11 months ago

    Hi @mirkoschubert

    Could you share the page URL in your next reply where this form is located so we could take a look does theme on site does not force select font size and adjust CSS for you?

    Kind Regards,
    Kris

    Thread Starter mirkoschubert

    (@mirkoschubert)

    2 years, 11 months ago

    Hi @wpmudevsupport13,

    No, I can’t share with you a staging site of my customer. 😉
    In the meantime I adjusted the CSS over the Oxygen builder after your plugin CSS is built.

    It doesn’t seem possible to use your custom CSS field in your plugin. It would be nice though if the CSS you enter in the field was output in its original form.

    Or if you use the appearance options there should be a way to change only one thing, e.g. the font size without changing the font family or weight. Same for the colors aso.

    Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    2 years, 11 months ago

    Hi @mirkoschubert

    It doesn’t seem possible to use your custom CSS field in your plugin. It would be nice though if the CSS you enter in the field was output in its original form.

    This should be possible with https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#appearance-forms -> Custom CSS

    But as mentioned above (shared by Nebu), it seems that the feature we have build-in is overwrite somehow by other plugins or theme styles and Forminator styles give no results in this case.

    Kind Regards,
    Kris

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    2 years, 11 months ago

    Hello @mirkoschubert ,

    We haven’t heard from you for several days now, so it looks like you don’t need our assistance anymore.

    Feel free to re-open this ticket if needed.

    Kind regards
    Kasia

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS Select Dropdown’ is closed to new replies.