Need help? Check out our Support site, then


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

  1. 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 5thsenseblog.com.

  2. 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!

  3. 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.

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

    .entry-header .comments-link a {
    display: none;
    }
  5. 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..

  6. 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;
    }
  7. Thanks for that, it solves half my problem, the border is gone except in the hover state..

  8. 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;
    }`

  9. Thanks so much for that. Awesome support!

  10. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic