not resolvedHello, I have been struggling into bringing one issue to resolve, if you click on the link below
http://www.klamtam.com/archives/review-mughal-mahal
you will find the 2 check boxes next to the leave comment box, however, i am not sure why isn't there any text, i tried finding it on style.css but i couldn't, I want to see what is the problem so I decide either to fix the text or remove the boxes, if you can guide me to both?
much appreciated
Hi mhammour,
The CSS that is hiding the label is found on line 1215 of style.css.
#commentform label {
display: none;
}If you remove that though then the labels for name, email and website will appear under their input fields. So you'll need to adjust the CSS below...
.personal_data input {
clear: both;
float: left;
margin-bottom: 8px;
}to something like this:
.personal_data input {
clear: both;
float: left;
margin-bottom: 0px;
}Regards,
Mya
Thx Mya,
Did what you shared above, 2 problems
1- after removing the comment form label, I can now see the text for each label, however showing in 2 lines each
2- changing from 8px to 0px did not solve the problem, each is showing under the input field
how can I fix it? and how can I have the 2 check boxes below the comment box instead of having it on the right side of it?
thx
or alternatively, can you use the following example and guide me on how to apply it?
http://248am.com/mark/movies/stormtrooper-shemagh/
where input fields would be on top
comment box comes second
then the submit button
custom message
check boxes
thx
Hi mhammour,
Apologies for the delay. We've been working through quite a few requests these past few weeks.
Like I mentioned in my first post once you remove the display:none; the labels for all input fields will appear. The other two snippets of code I gave were to help you space the labels. What I should have included to was a way to remove the values in the input fields which is what I assume you're talking about when you say "showing in 2 lines each". To do that plus change the form to appear like http://248am.com/mark/movies/stormtrooper-shemagh/ you'll have to edit the template file comments.php directly.
This is the code you need to look at:
<!--begin of the comment form read and understand -->
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<div class='personal_data'>
<?php if ( $user_ID ) : ?>
<p>
<?php _e('Logged in as','newscast'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="Log out of this account"><?php _e('Log out','newscast'); ?> »</a></p>
<?php else :
if ($comment_author == '') $comment_author = __('Name');
if ($comment_author_email == '') $comment_author_email = __('E-Mail Adress');
?>
<p><input type="text" name="author" class="text_input" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
<label for="author"><small><?php _e('Name','newscast'); if ($req) echo " (required)"; ?></small></label></p>
<p><input type="text" name="email" class="text_input" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
<label for="email"><small><?php _e('Mail (will not be published)','newscast'); if ($req) echo " (required)"; ?></small></label></p>
<p><input type="text" name="url" class="text_input" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small><?php _e('Website','newscast'); ?></small></label></p>
<?php endif; ?>
<p><input name="submit" class="button" type="submit" id="submit" tabindex="5" value="Submit" /><?php cancel_comment_reply_link(__("Cancel Reply",'newscast')); ?><!--to cancel the comment link or not-->
</p>
</div>
<div class='message_data'>
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>-->
<p><textarea name="comment" id="comment" cols="100%" rows="10" class='text_area' tabindex="4"></textarea></p>
</div><p>
<?php comment_id_fields(); ?><!--this is necessary because wp must know which comment to which article-->
<?php do_action('comment_form', $post->ID); ?><!--some plugins needs this hook--></p>
</form>You'll need to rearrange the elements as you want them to appear. Something like this:
<!--begin of the comment form read and understand -->
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<div class='personal_data'>
<?php if ( $user_ID ) : ?>
<p>
<?php _e('Logged in as','newscast'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="Log out of this account"><?php _e('Log out','newscast'); ?> »</a></p>
<?php else :
if ($comment_author == '') $comment_author = __('Name');
if ($comment_author_email == '') $comment_author_email = __('E-Mail Adress');
?>
<p><input type="text" name="author" class="text_input" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
<label for="author"><small><?php _e('Name','newscast'); if ($req) echo " (required)"; ?></small></label> <small>Name</small></p>
<p><input type="text" name="email" class="text_input" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
<label for="email"><small><?php _e('Mail (will not be published)','newscast'); if ($req) echo " (required)"; ?></small></label> <small>Email</small></p>
<p><input type="text" name="url" class="text_input" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small><?php _e('Website','newscast'); ?></small></label> <small>Website</small></p>
<?php endif; ?>
<div class='message_data'>
<p><textarea name="comment" id="comment" cols="100%" rows="10" class='text_area' tabindex="4"></textarea></p>
</div>
<?php comment_id_fields(); ?><!--this is necessary because wp must know which comment to which article-->
<p><input name="submit" class="button" type="submit" id="submit" tabindex="5" value="Submit" /><?php cancel_comment_reply_link(__("Cancel Reply",'newscast')); ?><!--to cancel the comment link or not-->
</p>
</div>
<!--<p><small>PLACE YOUR CUSTOM MESSAGE HERE.</small></p>-->
<?php do_action('comment_form', $post->ID); ?><!--some plugins needs this hook--></p>
</form>Next, you'll also need to adjust the CSS .personal_data and .message_data by placing this into your custom.css.
.personal_data, .message_data {
float: none;
width: auto;
}
.personal_data input {
float: none;
}Now with the form code I gave you above, you can set the #commentform label back to its default setting. So you can remove the below from your custom.css.
#commentform label {
display: none;
}This will correct the labels appearing twice for name and email.
Hope this helps!
Regards,
Mya
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
