Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
How to style comment form required?
Go to this link http://test.sochicomputer.ru/%D0%B1%D0%BB%D0%BE%D0%B3/welcome-to-your-site
scroll down and just press the preview button. Border of the required fields will change to red and a tip will pop out with message “This field is required”
I need to style that red border to something else and change the text in a tip to something else.
Offline
#2 2016-01-24 20:03:22
- GugUser
- Member
- From: Quito (Ecuador)
- Registered: 2007-12-16
- Posts: 1,473
Re: How to style comment form required?
In this forum you can make a clickable link in this manner:
"Link":http://test.sochicomputer.ru/%D0%B1%D0%BB%D0%BE%D0%B3/welcome-to-your-site
All the elements of your form you can style with CSS.
<div id="comment-form1">
<form id="txpCommentInputForm" method="post" action="/%D0%B1%D0%BB%D0%BE%D0%B3/welcome-to-your-site#cpreview">
<div class="comments-wrapper">
<h4>Оставить комментарий</h4>
<label for="name-field">Ваше имя <span>(Обязательно)</span></label>
<input type="text" value="" name="name" size="25" class="comment_name_input" id="name" required />
<label for="email-field">Ваш Email <span>(Обязательно)</span></label>
<input type="email" value="" name="email" size="25" class="comment_email_input" id="email" required />
<label for="message-field">Ваш вопрос <span>(Обязательно)</span></label>
<textarea id="message" name="message" cols="25" rows="5" required class="txpCommentInputMessage"></textarea>
<input type="submit" value="Предв. просмотр" name="preview" class="button" id="txpCommentPreview" />
<input type="hidden" value="1" name="parentid" />
<input type="hidden" value="/%D0%B1%D0%BB%D0%BE%D0%B3/welcome-to-your-site" name="backpage" />
</div>
</form>
</div>
<label for="xy">
and the correspondent input id="xy"
should be the same.
Last edited by GugUser (2016-01-24 20:07:23)
Offline
Pages: 1