How to remove background from number of comments "bubbles"?

  • Unknown's avatar
    amaryshad · Member ·

    Hi,
    I have changed the background color of the “main” section of my background (where the content is) from the default white to a color.

    The little bubbles next to the post titles that indicate the number of comments made, however, still have white boxes around them. I would like to remove them so that they blend in with my chosen background color.

    Is there a way to do this with the CSS editor?

    I am completely new to CSS, and I would greatly appreciate any help!

    Thanks.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    I used Google search. This is the search string:
    twenty eleven remove comment bubble site:en.forums.wordpress.com
    This is the result > https://en.forums.wordpress.com/topic/twenty-eleven-comment-bubble-1?replies=2
    Does that help you?

  • Unknown's avatar
    amaryshad · Member ·

    Thankyou, timethief for your quick reply and making an effort for me by actually searching for a solution!

    The forum you directed me to allows me to remove the comment bubble link altogether, but I was wondering if there is a way to keep it there while only removing the white square around it.

    If there is no way to do this, then I suppose I could use the solution you found and remove it entirely as a workaround. Thank you for providing me a “backup plan.” :-)

    Does anyone know if there is a way, however, to remove only the white square around the comment bubble link?

  • Unknown's avatar
    hallluke · Member ·

    The theme uses an image for the little speech bubble which can be found here. You’ll need to download it, modify it to the colour that you like in some image editing software (or even make the background transparent so that whatever background colour you use shows through) and then upload it to your media library. Once it’s uploaded copy the new image URL and use it in the following CSS to replace the original picture:

    .entry-header .comments-link a {
  background:url("NEW_IMAGE_URL");
}
  • Unknown's avatar
    amaryshad · Member ·

    Thank you so much, hallluke. I will try this and let you know how it goes…

  • The topic ‘How to remove background from number of comments "bubbles"?’ is closed to new replies.