WordPress.org

1. t-p
   Member
   Posted 1 year ago #

   hi all,

   In codex (http://codex.wordpress.org/Function_Reference/comment_form), I see these classes:

   `'author' => '<p class="comment-form-author">' .
   'email' => '<p class="comment-form-email">' .
   'url' => '<p class="comment-form-url">' .
   'comment_field' => '<p class="comment-form-comment">' .`

   I don't see them in style.css (twentyten). Where do they come from?

   Thanks.

2. jrav001
   Member
   Posted 1 year ago #

   You can add them to the style.css file.

3. t-p
   Member
   Posted 1 year ago #

   Hi jrav001,

   Thanks for your reply.

   You can add them to the style.css file.

   Does not make much sense.

   WP uses these classes in core files. For example, see wp-includes>>comment-template.php ( around line#1500).

4. dkristine
   Member
   Posted 1 year ago #

   I think what jrav001 is saying is that you can add these classes to your default stylesheet if you want to manipulate the way they are displaying via CSS.

5. t-p
   Member
   Posted 1 year ago #

   Thanks dkristine,

   If you add these srparately to the default style.css, then you see double styling of the form fields - one on top of the other.

   That tells me its not necessary to add these to the stylesheet.
   Hence my original inquiry: from where and how the commentform is pulling them?

   The reason I got into asertaining this info is that I wanted to to apply "focus" pseudo-class to comment form fields (i.e., name,emai,url,textarea).

   Thanks to both of you for your time.

6. dkristine
   Member
   Posted 1 year ago #

   A link would be super helpful - I could then pinpoint the stylesheet that references these classes :)

7. t-p
   Member
   Posted 1 year ago #

   I am testing default theme (twentyten) with default stylesheet.

   Think I was able tp pinpoint the source in the stylesheet. If someone else is trying to figure out this, looks like the commentform is using this:

   `input[type="text"],
   textarea {
   padding: 2px;
   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);
   }`

   When I apply the "focus" pseudo-class to it, it works fine in FF, but it does not work in IE8.

   I am not dev or a programmer, but my understanding is that "focus" should work atleast in IE8.

   Any guidance will be appreciated.

   Thanks for you patient and time.

Topic Closed

This topic has been closed to new replies.