Tag Archives: CSS

How to: move or remove the “Leave A Reply” link in the Twenty Twelve theme

This post describes how to move or remove the “Leave a reply” link that appears below the post heading in the Twenty Twelve theme for WordPress.

before

Link placement before edit…

The fastest and easiest way for a self hosted blog is to simply override the CSS styles that governs the link by editing the custom CSS that is part of WordPress:

wordpress_css

Link to Edit CSS in the WordPress admin site.

By adding the following CSS styles the link is moved:

#content .post {
    position: relative;
}

#content .comments-link {
    position: absolute;
    bottom: 1em;
}

#content .post {
    padding-bottom: 3em;
}

 

css

(The first two rules moves the link to the bottom, the last one adds some padding that I felt was needed)

The result is that the “Leave a reply” link is below the post, as seen below:

after

Link placement after edit…

If you rather not have the link at all, it is easily removed by adding the following CSS:

#content .comments-link {
    display: none;
}

 

cssnodisplay

Result after display:none;

nolink

The actual comments box is still visible and available in the post itself in case you still want to be able to get comments on posts.