Move Comment Bubble in Twenty Eleven Theme?

  • Resolved twilitegxa

    (@twilitegxa)


    13 years, 5 months ago

    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: https://webdesignsbyliz.com/joeytamer/blog

Viewing 3 replies - 1 through 3 (of 3 total)
  • .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.

    Thread Starter twilitegxa

    (@twilitegxa)

    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.

    https://www.theup-turn.com

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