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?

    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.