• Resolved Advex

    (@totalfly)


    Hi, is it possible to change the arrow down icon with another font awesome icon? for example to put a plane icon instead the arrow icon in the dropdown menu?

    thanks a lot

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi @totalfly

    I hope you are doing well today.

    Please try this code:

    #forminator-module-319.forminator-ui [class^=forminator-icon-]:before {
          font-family: arial!important;
    }

    where 319 is your form ID. You can find your form ID in page source where form is located, or edit your form in WP Dashboard and URL of that page edit will contain that ID.

    Additional change you can apply could be to change arrow sign:

    #forminator-module-319.forminator-ui .forminator-icon-chevron-down:before {
        content: "⌄"
    }

    where again 319 is your form ID.

    Kind Regards,
    Kris

    Thread Starter Advex

    (@totalfly)

    hi,

    thank you very much.. is almost perfect but i need one more thing.. 🙂

    is it possible to have two different icons in the 2 different dropdown menu? i mean is possible to have the airplane departure in the first menu and airplane arrival in the second one? 🙂

    https://ibb.co/Xj23JjQ

    thanks a lot

    Thread Starter Advex

    (@totalfly)

    Hi, any feedback please? 🙁

    it will be possisle to put 2 different icons in the dropdown menus?

    thanks

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @totalfly

    Sorry for the delay here,

    The free support doesn’t follow the 24 hours timeframe but we try to reply as soon as possible.

    I am considering you already added the font awesome to your website, so you can use a CSS similar to:

    .forminator-ui .forminator-icon-chevron-down:before {
        content: "\f5b0";
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 900;
    }
    
    
    .forminator-ui .forminator-icon-chevron-down{
        transform: unset !important;
    }

    https://monosnap.com/file/RWECfQemYvhJsLhMzj43vLhW4Fbcee

    But I also suggest using a custom class https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#additional-css-classes to select only wished field.

    Best Regards
    Patrick Freitas

    Thread Starter Advex

    (@totalfly)

    Hi, thank you very much for your support. i already changed the icon, but my problem is to put the take-off plane in the first menu and the landing plane in the second menu. if i change the icon as per your css in both menu i will have or take off icon or landing icon.. if i set the custom css per each menu it not work..

    Thread Starter Advex

    (@totalfly)

    hi,

    ok.. solved.. everything is working fine now! thanks a lot

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @totalfly

    I’m glad that this issue is resolved.

    If you have a moment, I would very much appreciate it if you could quickly rate our plugin. This will help us keep the plugin available for free.

    https://ww.wp.xz.cn/support/plugin/forminator/reviews/#new-post

    Best Regards
    Patrick Freitas

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Arrow down icon’ is closed to new replies.