twenty eleven theme, can I get rid of the bubble icon?

• 

  gennynielson · Member · May 16, 2013 at 9:45 am

  • Copy link
  • Add topic to favorites

  Hi there,
  I was wondering if I can easily get rid of the little icon at the right of each heading in the twenty twelve theme?
  Also I would like to change the colour of the highlighted words into a dark grey, is it just the ‘strong’ style which needs to be changed?
  Thanks very much for your help.

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

• 

  gennynielson · Member · May 16, 2013 at 10:57 am

  • Copy link

  Hi again,
  I figured out how to change the text colour.
  I tried to remove the icon but it has been replaced with a square..
  Here’s what I changed :
  before .entry-header .comments-link a {
  background: #eee url(images/comment-bubble.png) no-repeat;
  now .entry-header .comments-link a {
  background: #fff;
  Can I just remove the link?
  Last question (sorry I’m new to this): I would just like to get rid of the border around all the images, here’s what I changed but it doesn’t seem to work:

  img[class*=”align”],
  img[class*=”wp-image-“],
  #content .gallery .gallery-icon img {
  border: none;
  }
  .wp-caption img {
  border: none;
  }
  Thanks a lot for your help!

• 

  gennynielson · Member · May 17, 2013 at 12:28 am

  • Copy link

  Good morning,
  I tried a few things last night but I still haven’t resolved the bubble icon issue and the frames around the images.
  Any advice?
  Thanks a lot.

• 

  thesacredpath · Member · May 17, 2013 at 4:54 am

  • Copy link

  This will get rid of the comment bubble image on posts.

  .entry-header .comments-link a {
  display: none;
  }

• 

  gennynielson · Member · May 17, 2013 at 5:20 am

  • Copy link

  Thanks for that!
  Would you have any idea of how to delete the border around the images? The border: none rule doesn’t seem to be working..

• 

  thesacredpath · Member · May 17, 2013 at 5:51 am

  • Copy link

  This does it for me on your site using Firebug in Firefox:

  img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
  border: none;
  }

• 

  gennynielson · Member · May 17, 2013 at 6:47 am

  • Copy link

  Thanks for that, it solves half my problem, the border is gone except in the hover state..

• 

  thesacredpath · Member · May 17, 2013 at 6:59 am

  • Copy link

  Oops, I didn’t see it in the hover state. Add this to your custom CSS as well:

  a:focus img[class*=”align”], a:hover img[class*=”align”], a:active img[class*=”align”], a:focus img[class*=”wp-image-“], a:hover img[class*=”wp-image-“], a:active img[class*=”wp-image-“], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
  background: none;
  }`

• 

  gennynielson · Member · May 17, 2013 at 12:03 pm

  • Copy link

  Thanks so much for that. Awesome support!

• 

  thesacredpath · Member · May 17, 2013 at 2:21 pm

  • Copy link

  You are welcome.