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

Change Font Color or Form Text Field Color

by

Tips and Tricks HQ Support Portal › Forums › WP Affiliate Platform › Change Font Color or Form Text Field Color

Tagged: Color, Field Background, Font, text

  • This topic has 4 replies, 2 voices, and was last updated 13 years, 9 months ago by dontknow.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 29, 2011 at 4:27 am #3925
    dontknow
    Member

    Hello all. The theme I’m using uses a black background and white text. All the other forms on the site follows the stylesheet as well. The text field background in the forms are light grey which easily allows the white text to show against. I have the WP Affiliate Login page embedded inside of a page that follows the rest of the theme. Since the default for the Affiliate login is black text on white text field backgrounds, the text is not visible when being filled in by the user because of the theme stylesheet. I can go in and change the stylesheet in live view with firebug, but my real question is what stylesheet specifically in the WP Affiliate folder should I edit? Affiliate_platform_style.css? Or is there another way I should handle it, like changing the text field background color and keeping the white text?

    I can change it in firebug perfectly, but I’m not sure what to edit without messing out the appearance on another page.

    Thanks!

    July 29, 2011 at 8:32 am #34893
    amin007
    Participant

    The “affiliate_platform_style.css” file is used for general affiliate plugin CSS. The “views/affiliate_view.css” file is used for CSS related to the on page affiliate area.

    July 29, 2011 at 7:15 pm #34894
    dontknow
    Member

    Thanks alot for your help. I’m thinking the best thing to do is change the background color of the text fields inside the form so I don’t change all the other pages. What’s the cleanest way to modify the code where I don’t have to make multiple changes for each form. Thanks again for the response and your Plugin is great.

    July 30, 2011 at 12:36 am #34895
    amin007
    Participant

    You should be able to modify the following block of CSS in the “views/affiliate_view.css” file to change the background of the text field:

    .user-edit, .user-select, .loginform #txtbox, #regForm input[type="text"], #wp_aff_txtbox, #dateform input[type="text"]{
    background: #f9f9f9;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    padding: 2px;
    margin:3px;
    }

    Probably just delete the background.

    July 30, 2011 at 1:17 am #34896
    dontknow
    Member

    Perfect!! Thanks again.

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

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • 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
  • 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

Our Other Plugins

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

Copyright © 2025 | Tips and Tricks HQ