Change Text color and Field backgroud color.

  • Resolved ikchris

    (@ikchris)


    4 years, 4 months ago

    I downloaded Pir register plugin just some days ago, I really like it and it would help well in a membership website. However, the challenge am having is the color contrast in all the pages associated with this plugin. Checkout the registration page, [ redundant link removed ]; users cannot even see the registration info(name, username, email, etc). Also the fields and the text being input in the field does not have an obvious contrast, thus making it difficult for people to see. Please help me

    • This topic was modified 4 years, 4 months ago by Jan Dembowski.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor genetech

    (@genetech)

    You need to change PR default styles of forms as per your website design in your theme’s CSS file. Add below code in your theme’s stylesheet (CSS file). 

    .pieregWrapper #pie_register .fields label {
    color: #000000;
}
.pieregWrapper #pie_register .fields .input_fields,
.pieregWrapper #pie_register .fields textarea {
    color: #000000;
    background: #eeeeee;
}

    Hope it helps.

    Thanks

    Plugin Contributor genetech

    (@genetech)

    Try adding these below CSS styles in your theme’s stylehseet.

    .pie_profile#pie_register .fields span{color:#444444}
.pie_profile#pie_register .fields2 label,
#piereg_login form#piereg_lostpasswordform p label,
.piereg_container div.piereg_login_container .forgetmenot [type="checkbox"]:not(:checked) + label{color:#000000;}

    Hope it works

    Thanks

    Thread Starter ikchris

    (@ikchris)

    It did not work, I have added the CSS. Nothing changed. You can view it from the same link I sent initially.

    Plugin Contributor genetech

    (@genetech)

    Hi,

    Please do hard refresh your browser (CTRL + F5) or clear your browser cache. Changes are working. See screenshot: https://prnt.sc/tf5gso

    To change field background on forgot password add the following:

    .pieregWrapper #piereg_login .input_fields{background:#eeeeee;}

    Thanks

    Thread Starter ikchris

    (@ikchris)

    It is working well. Thanks!!!

    Thread Starter ikchris

    (@ikchris)

    I discovered that users cannot edit their profile, is it possible to edit profile in front end for users?

    Plugin Contributor genetech

    (@genetech)

    Hi,

    Users can edit their profile from PR profile page. There is edit profile icon, clicking on that edit link will open edit profile form.

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change Text color and Field backgroud color.’ is closed to new replies.