Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2016-01-24 18:46:44

sochicomputerRU
Member
From: Россия
Registered: 2013-01-18
Posts: 61
Website

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

Board footer

Powered by FluxBB