How to make form field border invisible

  • Aditya Agarwal

    (@adityamilyin)


    6 years ago

    How to make form field border width to 0. I have been trying lot of code including setting {border:none !important}, but it does not work. My theme provides its own css for form fields, and theme as well as plugin’s css together really look bad. I have attached a screenshot below

    The theme has a horizontal line below the form field, that changes color when clicked, but the border on all 4 sides is the border of ultimate member, i don’t want ultiate member border.

    You can see it yourself at https://milyin.com/login.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Ultimate Member Support

    (@ultimatemembersupport)

    Hi @adityamilyin,

    It’s due to your auto optimize plugin and cached CSS files.
    Please clear the autooptimize cache and your custom CSS should work.
    You can also exclude CSS from autooptimize.

    Regards.

    Optimizing Matters

    (@optimizingmatters)

    Seems to be Fast Velocity Minify, not Autoptimize

    frank (ao dev)

    Thread Starter Aditya Agarwal

    (@adityamilyin)

    Hey thanks??, fast velocity minify has been disturbing for quite some while.

    I would like to know if this will make the theme CSS disappear or will it make the um CSS disappear

    Thread Starter Aditya Agarwal

    (@adityamilyin)

    I have as you said deleted caches from all plugins or sources. I even (sadly) deleted Autoptimize and Fast Velocity Minify plugin for testing.

    After doing this i added the code written below to additional css of active theme and still everything is still same, i still can see the borders of form, as you can see on url https://milyin.com/login

    The grey borders are still visible and i am dying to finish those borders. But i fail. Here is the code i have used.

    .um-form input[type=text],
    .um-form input[type=tel],
    .um-form input[type=number],
    .um-form input[type=password] {border:none !important}

    Besides this the plugin files are apl unedited and exact same as available on www.ads-software.com

    Besides that the only additional css related to ultimate member that i have been using is

    https://docs.ultimatemember.com/article/270-how-to-change-default-ultimate-member-blue-color-using-css

    Find form id in search bar by typing ‘view-source:(page)’, then attribute as follows, replacing ‘.ur-frontend-form’ with the id of your specific form, followed by {
    border: none! important;
    }

    */EXAMPLE/*
    .ur-frontend-form
    {
    border: none! important;
    }

    That’s how to remove the border altogether – just figured it out. ??

    Not sure about the rest..but it may follow (Ed-by) or combine with –

    div {border-width: 1px;}

    Have a nice day..

    Nico

    Adsler.co.uk

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to make form field border invisible’ is closed to new replies.