[Theme Fashionista] Move 'Leave a Comment' from top to bottom

  • Resolved laurenjohnston

    (@laurenjohnston)


    9 years, 5 months ago

    I would like to move ‘Leave a Comment’ from the top of my blog post to the bottom. As people are confused where to find it when commenting. First I’ll explain a bit of what I’ve tried, and then list exactly what I’m looking for.

    First in ‘contents.php’ I tried moving this code:

    <?php if ( ! post_password_required() && ( comments_open() || ‘0’ != get_comments_number() ) ) : ?>
    <span class=”comments-link”> <?php comments_popup_link( __( ‘Leave a Comment’, ‘athemes’ ), __( ‘1 Comment’, ‘athemes’ ), __( ‘% Comments’, ‘athemes’ ) ); ?></span>
    <?php endif; ?>

    However, it had a diagonal slash (/) that I could not remove in-front of it, and the spacing between it and the category list was bad. Also it was weird to not have an icon when the others do. So I was wondering if someone can tell me how to do the following.

    ? Remove the slash (I can’t see it in the code?)
    ? Remove the icons for category list and tag list (do I delete code? what and where?)
    ? Make equal spacing between ‘Leave a Comment’ and the other thingies. (what and where?)

    Thanks very much, If there’s a plugin that does this, then that would be great too. Wouldn’t know how to find that.

Viewing 2 replies - 1 through 2 (of 2 total)

  • I think all of that could be done without touching php file. Here is the CSS to add in via Custom CSS option (theme feature if it has one, or via plugin).

    To move comment link from top to bottom.

    /*** move comment link to bottom: Fashionistas version 1.5 ***/
article.post { position: relative; }
article.post .comments-link { position: absolute; bottom: 0.9em; right: 0; }
.entry-footer { padding-right: 9em; }

    To remove category and tag icons (doesn’t seem to be a good idea to do).

    /*** remove category and tag icons : Fashionistas version 1.5 ***/
.ico-tags::before, .ico-folder::before { display: none; }

/* right margin of category list before the tag list */
.entry-meta .cat-links { margin-right: 0; }

    To add comment link icon, theme’s font icon doesn’t come with it so there is no icon specific for this, just use unicode arrow to force the focus to click.

    .comments-link::before { content: "?"; color: black; font-size: 1.5em; line-height: 1; }

    If you don’t want comment link icon, just want the slash separator gone, use this code

    .comments-link::before { display: none; }

    The code is only tested at theme demo page https://wp-themes.com/fashionistas/ using firebug, along with few other sites using this theme, it works great as far as I can tell, but when tested at theme author’s demo page, the positioning (comment link moved down) makes one of the post not clickable — for this I still can’t figure out why.

    Thread Starter laurenjohnston

    (@laurenjohnston)

    Those worked pretty amazing (used the first and third code strings, or whatever you would call them).

    Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Theme Fashionista] Move 'Leave a Comment' from top to bottom’ is closed to new replies.