Archived

This topic is now archived and is closed to further replies.

  • 0

Comment Text Fields Are Hard to See on Black Background


Question

Posted · Report post

I am having a little trouble witht he comment section on my posts.  The text boxes are there, but very difficult to see when trying to post a comment.  I would like to change the text box background to a slightly lighter color so it is visible.  I have installed the PC Custom CSS plugin.  I just need to know what the CSS selectors are so that I can edit the colors.

 

My site is: www.ugc-tournament.com

 

Here is an image of the issue: https://docs.google.com/file/d/0B7CDHC1ogwooMUwwT3d6SzZDSU0/edit

 

Many thanks.

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

Hi there, you'll need to use some custom css to edit the the color of the input fields for the content boxes. If you've not used custom css inside the framework before i'd advise you check out http://www.pagelines.com/wiki/Custom_CSS for an overview of how it works. For further advise on css we'd advise you check out http://www.w3schools.com/css/

 

As the css for this section is split across a few different classes i've copied in the code you'll need to use below. You can copy/paste this into Pagelines>site options>custom code. Change the value for white = #ffffff to whatever hex value you want the color to be.

 

.wp-comments .wp-comments-pad > #respond input[type="text"], .wp-comments .wp-comments-pad > #respond textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    color: #FFFFFF;
}
1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Thank the net gods. Been searching everywhere for this, Firebug etc etc.. Thank you! :D

Share this post


Link to post
Share on other sites