- This topic has 4 replies, 2 voices, and was last updated 13 years, 2 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
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
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!
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.
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.
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.
Perfect!! Thanks again.