Forever Theme: Comment Bubble

• 

  pink1nk · Member · Aug 15, 2013 at 6:07 pm

  • Copy link
  • Add topic to favorites

  So I noticed that the comment bubble is barely visible on my blog (using the Forever theme). I have the custom upgrade – can anyone help me with the code to change the color of the comment bubble? Thanks! :)

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

• 

  mrdirby · Member · Aug 15, 2013 at 8:28 pm

  • Copy link

  There are two parts, one for the bubble and the other for the arrow under the bubble.

  .comments-link a {
  background-color: #yourcolor;
  }
  
  .comments-link a:before {
  border-color: transparent transparent transparent #yourcolor;
  }

  Change the #yourcolor to the color code you want.

• 

  pink1nk · Member · Aug 15, 2013 at 8:33 pm

  • Copy link

  ahhh, it didn`t work :/ most of the codes that I’ve been using for this theme start with a #. is that why?

• 

  pink1nk · Member · Aug 15, 2013 at 8:35 pm

  • Copy link

  NEVERMIND! inserted the brace before .comments-link and it worked! thanks so much =)

• 

  mrdirby · Member · Aug 15, 2013 at 8:36 pm

  • Copy link

  If you wanted the bubble to be red your css would look like this:

  .comments-link a {
  background-color: #FF0000;
  }
  
  .comments-link a:before {
  border-color: transparent transparent transparent #FF0000;
  }

  check out http://www.colorpicker.com/ for the color you want.

• 

  mrdirby · Member · Aug 15, 2013 at 8:40 pm

  • Copy link

  Cheers.