commentform_replyTo

[TimBeam]

I want to resize the input field to the same width as the other fields. But in the commentform.tpl I can only find this:

commentform_replyTo

Where can I change the size?

[garvinhicking]

Hi!

You can use CSS to do that? Remember that the replyTo thing is a select, not an input field.

Regards,
Garvin

[yellowled]

I want to resize the input field to the same width as the other fields. But in the commentform.tpl I can only find this:

commentform_replyTo

Where can I change the size?

Erm ... we're talking default template, right?

Code: Select all

.serendipityCommentForm input {
   width: <WHATEVER>;
}

should do the trick. .serendipityCommentForm is the class of the container div which, well, contains the comment form. So the code above assigns a width to all input elements in that particular form.

YL

[TimBeam]

You are my heros!

All input fields have now the same width. But the "reply to" field is not affected?

Additionally I have resized the textarea with ".serendipityCommentForm textarea" but how can I change the "reply to", "checkboxes" and the "submit buttons".

.serendipityCommentForm submit {
width: <WHATEVER>;
}

does not work. And now it looks a little bit ugly.

Shall I make my own classes arround these other fileds?

[yellowled]

Additionally I have resize the textarea with ".serendipityCommentForm textarea" but how can I change the "reply to"

Code: Select all

#serendipity_replyTo { width: <BLAFASEL>; }

"checkboxes"

Code: Select all

#checkbox_remember,
#checkbox_subscribe { width: <BLAFASEL>; }

"submit buttons"

That's the tricky one. Edit your commentform.tpl like this:

Code: Select all

<td><input type="submit" id="serendipity_submitcomment" name="serendipity[submit]" value="{$CONST.SUBMIT_COMMENT}" /> <input type="submit" id="serendipity_preview" name="serendipity[preview]" value="{$CONST.PREVIEW}" /></td>

That's based on the code in the default commentform.tpl, if your commentform.tpl is different, you'll have to figure it out or post a code example

Your css code for this is:

Code: Select all

#serendipity_submitcomment,
#serendipity_preview { width: <BLAFASEL>; }

YL