WordPress.com Forums » Tag: comment bubble - Recent Posts

designsimply on "comment bubble"

designsimply — Tue, 07 May 2013 13:36:42 +0000

To hide the comment bubbles that appear around comments at the bottom of individual posts in the Twenty Eleven theme, add this to your Appearance → Themes → Customize → CSS panel:

.commentlist > li:before {
	content: "";
}
.commentlist > li.comment {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

Adjust the margin and padding values as needed.

lostdingotravel on "comment bubble"

lostdingotravel — Mon, 06 May 2013 20:51:19 +0000

Hi, I'm trying to remove that awful comment bubble on the twenty eleven them, wp.com NOT wp.org. I have the custom upgrade and when i enter the codes that ive found on here and save it, nothing happens. Also, I'm yet to find a preview button. Thanks

iliketoplayindirt on "Change default comment bubble color in Twenty Eleven theme."

iliketoplayindirt — Tue, 26 Mar 2013 01:50:53 +0000

Thanks, all! Very very helpful!

designsimply on "Change default comment bubble color in Twenty Eleven theme."

designsimply — Mon, 25 Mar 2013 19:00:18 +0000

2) What element controls the text color within the text bubble?

The text showing the number of comments is a link, so the ".entry-header .comments-link a" selector in the example above is how to target the text, and the "color" property changes its color.

thesacredpath on "Change default comment bubble color in Twenty Eleven theme."

thesacredpath — Fri, 22 Mar 2013 19:12:15 +0000

The hover color of the comment bubble is here:

article.feature-image.small .entry-summary p a:hover, .entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active, .feature-slider a.active {
background-color: #EBB667;
}

iliketoplayindirt on "Change default comment bubble color in Twenty Eleven theme."

iliketoplayindirt — Fri, 22 Mar 2013 13:39:50 +0000

First of all, thank you both for your help! The suggestions are wonderful! I used the suggestion below:
.entry-header .comments-link a {
background-color: #48d1cc;
border-color: #008080;
color: #000080;
}
This works very well! Two quesions: 1) How do I control the hover color of the text bubble and, 2) What element controls the text color within the text bubble?

designsimply on "Change default comment bubble color in Twenty Eleven theme."

designsimply — Fri, 22 Mar 2013 11:33:39 +0000

To change the background color, border color, and link color of the comment bubble in the Twenty Eleven theme, add this to your Appearance → Custom Design → CSS editor:

.entry-header .comments-link a {
	background-color: #48d1cc;
	border-color: #008080;
	color: #000080;
}

Note that you can adjust the color codes as needed.

There's no need to change out the image as advised in the other thread because the image is actually a mask. Pretty clever!

Make sure to remove this part of your current custom CSS before adding the example from above or the link color won't change:

.comments-link a, .no-reply a {
	color: #073693 !important;
}

iliketoplayindirt on "Change default comment bubble color in Twenty Eleven theme."

iliketoplayindirt — Fri, 22 Mar 2013 03:16:43 +0000

Well, now I feel like an idiot! You must have used the very tags I identified for this entry to find that answer. Yes, very helpful! Still trying to figure out how to change the color of the text inside the bubble (number of comments).

timethief on "Change default comment bubble color in Twenty Eleven theme."

timethief — Thu, 21 Mar 2013 23:03:49 +0000

I searched for you. Does this help? http://en.forums.wordpress.com/topic/twenty-eleven-comment-bubble-background?replies=13

iliketoplayindirt on "Change default comment bubble color in Twenty Eleven theme."

iliketoplayindirt — Thu, 21 Mar 2013 23:00:54 +0000

My blog is based upon the customized Twenty Eleven theme. Using the black background option, the default comment bubble color is almost invisible on my blog . People have asked me if they are able to leave comments because the can't see the comment bubble! What CSS text can I add to change the color of the default comment bubble and the number inside? Thanks in advance for your help! JH

thesacredpath on "Comment Bubble Color Change in Ever After Theme"

thesacredpath — Sun, 17 Mar 2013 19:24:56 +0000

You are welcome.

rondaleefallontest on "Comment Bubble Color Change in Ever After Theme"

rondaleefallontest — Sun, 17 Mar 2013 19:13:45 +0000

Thank you! Success!

thesacredpath on "Comment Bubble Color Change in Ever After Theme"

thesacredpath — Sat, 16 Mar 2013 22:25:19 +0000

Give this a try and edit the color hex code as desired.

.comments-link a, .no-reply a {
color: #CC0000 !important;
}

rondaleefallontest on "Comment Bubble Color Change in Ever After Theme"

rondaleefallontest — Sat, 16 Mar 2013 21:13:11 +0000

Look past the mess on my test blog, just working out some colors for my "Real" blog. Would like to change the color of the comment bubble text. Can someone provide me with the CSS code for that to enter into my custom design CSS section?

thank you!

raincoaster on "Comment option not showing even after trying suggestions"

raincoaster — Sat, 18 Aug 2012 05:51:09 +0000

No, there isn't.

daynesislendesign on "Comment option not showing even after trying suggestions"

daynesislendesign — Sat, 18 Aug 2012 04:03:00 +0000

Thanks for the feed-back. How will they know to do that? I guess I could mention it in the body of the blog.

Is there a way to add the link at the bottom? All the other themes seem to have it.

macmanx on "Comment option not showing even after trying suggestions"

macmanx — Fri, 17 Aug 2012 22:05:24 +0000

Your blog's theme doesn't actually have a worded link for comments.

Instead of clicking a link like "Comments," folks will click the speech bubble at the top-right corner.

daynesislendesign on "Comment option not showing even after trying suggestions"

daynesislendesign — Fri, 17 Aug 2012 19:29:06 +0000

Thank you.

timethief on "Comment option not showing even after trying suggestions"

timethief — Thu, 16 Aug 2012 20:11:44 +0000

Now I see what you mean. That's so odd that I have flagged this thread to be moved to the Themes Forum where you can get Themes Staff attention.

daynesislendesign on "Comment option not showing even after trying suggestions"

daynesislendesign — Thu, 16 Aug 2012 19:52:09 +0000

Thanks for your help but....
It's not that the comments are not showing up, it's that there is nothing to click on to leave a comment for each post. I have several other blogs with WordPress, they all have the word "Comment" at the bottom of each post for readers to leave comments. daynesislendesign.wordpress.com does not.

I have set everything up the same way as on the other blogs.

timethief on "Comment option not showing even after trying suggestions"

timethief — Thu, 16 Aug 2012 18:28:30 +0000

Note that unless you use P2, a twitter-like theme, comments are collapsed on the front page of your blog where our posts are "showcased". The way the comments function is coded into the core of WordPress and we cannot chnage this. By clicking the post title or the comments link the posts on the front page open on their own page where all comments display.

The reason for this structure is that in a new blog one does not have many posts or comments. In an established blog if the comments did not collapse on the front page it would become a mile long in no time flat and page loading time is a page ranking factor. We have only seconds before visitors refuse to wait and click out.

daynesislendesign on "Comment option not showing even after trying suggestions"

daynesislendesign — Thu, 16 Aug 2012 15:27:37 +0000

I have read all the comments and help on this forum and followed all the suggestions. I have turned on comments in the general Discussion area and on each post. The comment option still does not show under each article.

I have signed out and resigned in as someone else before going to the blog and I still can't see the comment option under each post.

http://daynesislendesign.wordpress.com

theopensuitcase on "Comment Cloud in Twenty Eleven"

theopensuitcase — Tue, 15 May 2012 09:55:13 +0000

thank you!

timethief on "Comment Cloud in Twenty Eleven"

timethief — Mon, 14 May 2012 17:33:36 +0000

See here > http://en.forums.wordpress.com/topic/twenty-eleven-comment-bubble-1?replies=2#post-839017

theopensuitcase on "Comment Cloud in Twenty Eleven"

theopensuitcase — Mon, 14 May 2012 17:32:01 +0000

Yes. I'm referring to the bubble. I have purchased the upgrade and css editing. Just don't know what code to add?

timethief on "Comment Cloud in Twenty Eleven"

timethief — Mon, 14 May 2012 16:26:21 +0000

I don't know what you mean by "comment cloud"? Are you referring to the comment bubble that displays the number of comments on posts? If you are then purchasing an annually renewable custom design upgrade and CSS editing are required. See here > http://en.forums.wordpress.com/topic/twenty-eleven-comment-bubble-1?replies=2#post-839017

theopensuitcase on "Comment Cloud in Twenty Eleven"

theopensuitcase — Mon, 14 May 2012 11:11:28 +0000

How do you remove the comment cloud?

thesacredpath on "Comment bubbles on static pages"

thesacredpath — Sun, 18 Oct 2009 01:16:19 +0000

You're welcome.

mattkailey on "Comment bubbles on static pages"

mattkailey — Sun, 18 Oct 2009 01:14:05 +0000

Thank you. I figured it out, I think, thanks to your help. I set up a test page after doing what you said, and it doesn't have the comments bubble on it, so I think it might have something to do with the way I set up my original page. So I'm just going to delete that original page and start over with it, now that I know how to do this. I think it will be right next time. Thanks so much for your help. I really appreciate it.

thesacredpath on "Comment bubbles on static pages"

thesacredpath — Sun, 18 Oct 2009 01:04:13 +0000

Uncheck "allow comments" then click "update post." Make sure when you go to view the page that you force refresh the page. If you are using IE, then you might even have to clear your browser cache.