Page 1 of 1
commentform_replyTo
Posted: Sun Jul 15, 2007 10:31 pm
by 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?
Re: commentform_replyTo
Posted: Sun Jul 15, 2007 11:02 pm
by garvinhicking
Hi!
You can use CSS to do that? Remember that the replyTo thing is a select, not an input field.
Regards,
Garvin
Re: commentform_replyTo
Posted: Sun Jul 15, 2007 11:06 pm
by yellowled
TimBeam wrote: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
Posted: Mon Jul 16, 2007 12:03 am
by 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?
Posted: Mon Jul 16, 2007 1:01 am
by yellowled
TimBeam wrote:Additionally I have resize the textarea with ".serendipityCommentForm textarea" but how can I change the "reply to"
Code: Select all
#serendipity_replyTo { width: <BLAFASEL>; }
TimBeam wrote:"checkboxes"
Code: Select all
#checkbox_remember,
#checkbox_subscribe { width: <BLAFASEL>; }
TimBeam wrote:"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