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

  • Author
    Posts
  • #1269337

    gennynielson
    Member

    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.

    #1269456

    gennynielson
    Member

    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!

    #1269575

    gennynielson
    Member

    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.

    #1269581

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

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

    gennynielson
    Member

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

    #1269583

    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;
    }
    #1269586

    gennynielson
    Member

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

    #1269587

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

    #1269593

    gennynielson
    Member

    Thanks so much for that. Awesome support!

    #1269596

    You are welcome.

The topic ‘twenty eleven theme, can I get rid of the bubble icon?’ is closed to new replies.