Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

[Resolved] Change Font in Username & Password Input Boxes

by

Tips and Tricks HQ Support Portal › Forums › WP eMember › Change Font in Username & Password Input Boxes

Tagged: fonts

  • This topic has 3 replies, 3 voices, and was last updated 2 months ago by admin.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 25, 2023 at 4:47 am #84826
    Kristina
    Participant

    Hi – our web developer decided on a font for our entire website which unfortunately doesn’t have underscores (!) and when our subscribers try to set a username, email address or password with an underscore it is displayed as a different character. Is there a way that I can set all input boxes for username, password and email address to use a different font then the default one for my website?
    Thanks

    January 25, 2023 at 6:12 pm #84828
    wzp
    Moderator

    Check the css/eMember_style.css file for the CSS definition of .wp_emember_loginForm .textbox and make the appropriate modifications.

    January 26, 2023 at 9:24 am #84833
    Kristina
    Participant

    Hi – thanks for getting back to me. I think that the input text boxes on my login form are actually OK, i.e. the font has been set by the code below.

    My main issue then is how do I change the font of the input text boxes on my registration form?

    .wp_emember_loginForm {font-size:11px; margin:0; max-width:300px;}
    .wp_emember_loginForm label{margin-left:0px;}
    .wp_emember_loginForm p {margin:0;}
    .wp_emember_loginForm .textbox label{display:block; padding:0 0 3px;}
    .wp_emember_loginForm .textbox input{
    border-radius:2px;
    background:none repeat scroll 0 0 #FFFFFF;
    color: black;
    border:1px solid #DDDDDD;
    display:block;
    font:13px “Lucida Grande”,Arial,Sans-serif;
    margin:0 0 8px;
    padding:5px;
    width:218px;
    }

    January 26, 2023 at 4:05 pm #84834
    admin
    Keymaster

    The following should give you some idea of how you can target the input fields of the registration form and customize the appearance using CSS:

    WP eMember Miscellaneous CSS Tweaks

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ