Skip to:
Content
Pages
Categories
Search
Top
Bottom

Password Field CSS Override


  • lokeshgrover
    Participant

    @lokeshgrover

    Hi,
    I am using buddyform to create registration form but it is taking buddypress default css for password field and creating broder around the password and confirm password field, please help to over ride default css and take css of buddy form for all fields.

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

  • Prashant Singh
    Participant

    @prashantvatsh

    Hi,

    Can you please share any screenshot or screen-cast to see what’s actually happening? With the default theme active I am able to see it like this https://prnt.sc/l1f2ty

    May be there is default CSS from theme which is creating issue there.

    Thanks


    lokeshgrover
    Participant

    @lokeshgrover

    http://prntscr.com/l1qi93

    I want to remove border shown around password fields and want password field to follow same css as Email ID which is a css for text field. Please guide me which file I need to edit to remove default theme css from this field or if anything I can add in buddyform custom class. Thanks for your help.


    Prashant Singh
    Participant

    @prashantvatsh

    Hi,

    With the following CSS, you can remove the border :

    .bf_field_group.elem-user_pass fieldset {
        border: none;
    }

    and for the element style like email element you have to check there which class is doing that. Because in default theme both the fields look very similar so certainly there must be some theme styling that is getting applied on email box.

    One more thing you can do is, increase the width of password fields using this CSS:

    input#user_pass {
        width: 100% !important;
    }
    
    input#user_pass2 {
        width: 100% !important;
    }

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Skip to toolbar