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 14 years ago by
dontknow.
-
AuthorPosts
-
July 29, 2011 at 4:27 am #3925
dontknow
MemberHello 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 #34893amin007
ParticipantThe “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 #34894dontknow
MemberThanks 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 #34895amin007
ParticipantYou 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 #34896dontknow
MemberPerfect!! Thanks again.
-
AuthorPosts
- You must be logged in to reply to this topic.