WordPress.org

Ready to get started?Download WordPress

Forums

Codium Extend
How to disable grey bar below images with links? (5 posts)

  1. Daevu
    Member
    Posted 2 years ago #

    Hello Henri!

    First, let me thank you for this wonderful work! If there were an award for the best minimalist theme, I would vote for this one. I actually tried to rate it with five stars, but it seems like the rating system is broken.

    Now my question: if I publish an image including a link, there is always this grey bar below the image. Is there an easy way to disable it by default?

    http://wordpress.org/extend/themes/codium-extend/

  2. smblank
    Member
    Posted 2 years ago #

    I've noticed this as well. The bar seems to be a result of the <p> surrounding the images. The <p> block extends several pixels below the image which results in a very feint grey bar. It might be a different issue, but this is my first guess.

    This can only be observed in Firefox and IE. Chrome does not show the bars.

  3. henri
    Member
    Theme Author

    Posted 2 years ago #

    Humm thanks for pointing this problem I will investigate I think something in style.css must be change

  4. dgonner
    Member
    Posted 2 years ago #

    I had the same problem, but I also found the solution. You will have to make some changes to style.css if you want to get rid of it.

    The bar is not the result of the <p> surrounding images, but the <a...
    link around it, in combination with a bottom-margin of the images.

    The gray color you see is the background color of
    the link, this is set in the line:

    .entry-content a{color:#444;background:#f3f3f3;}

    you can change the background color to white to get rid of the gray bar, but this changes the appearance of all your other links too.

    The better solution is this:

    remove the bottom margin from the images. this is set in the line:

    #content img,img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:12px;max-width: 100%;height: auto; }

    simply remove the "margin-bttom:12px;" and the gray bar will dissapear, but your other links will stay intact.

    cheers

  5. smblank
    Member
    Posted 2 years ago #

    That fix worked great. Thanks dgonner!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic