Support » Themes and Templates » Move Comment Bubble in Twenty Eleven Theme?

  • Resolved twilitegxa


    Is there a way to move the comment bubble in the Twenty Eleven theme? It overlaps the title in some browsers, such as Safari on Mac. I am using a copy of this theme, but I cannot figure out how to move it. I can hid it, but I want to move it down some. I tried adding a div around it and adding a top margin of 25px, but it doesn’t budge. Can anyone tell me how to move it? Here is a link to the site for reference:

Viewing 3 replies - 1 through 3 (of 3 total)
  • Federico76


    .comments-link a {
        background: url("images/comment-bubble.png") no-repeat scroll 0 0 #EEEEEE;
        color: #666666;
        font-size: 13px;
        font-weight: normal;
        height: 36px;
        line-height: 35px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: center;
        text-decoration: none;
        top: 5em;
        width: 43px;

    Looks like this is the css rule responsible for the bubble, since it is positioned absolutely all you have to do to move it down it tweak the top: attribute. I changed it to 5em and it brought it down just above the paragraph. I hope that is what you were looking for.



    Thank god there is a way to do it! You are awesome!!! Thank you sooooo much!

    I’m also hoping to move the comment box, specifically where it says “Leave a Reply” because it is overlapping with my links to previous posts on the single page.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move Comment Bubble in Twenty Eleven Theme?’ is closed to new replies.