Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #12961

    Hello, 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

    #77290

    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

    #77291

    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

    #77292

    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

    #77293

    Hello?

    #77294

    ??

    #77295

    Why the delay in support? :(

    #77296

    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'); ?> &raquo;</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'); ?> &raquo;</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

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘comment notify/post subscribe check boxes’ is closed to new replies.