Support » Themes and Templates » Twenty eleven – How to remove tiny lines from around images

  • Hello all. I was just wondering whether its possible to remove the tiny lines from around images that I post. I post quite a few and its beginning to become distracting. I’ve tries changing border to 0 on CSS but unfortunately I not very savvy with any kind of code. Any help is much appreciated. You can see what I mean here around the first image on the latest post and around the soundcloud image on the top right. Thank You.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael


    Forum Moderator

    strongly consider to create a child theme of Twenty eleven for your edits; it is not recommented to edit the default theme Twenty Eleven directly, as it is needed in case of problems.

    try using a tool such as Firebug, or any equivalent browser inspection tool, to investigate which styles are responsible for the formatting of the images;

    you can’t have searched long, as the style is actually well commented in style.css:

    /* Image borders */
    #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    	border: 1px solid #ddd;
    	padding: 6px;

    the style for the grey hover frame is just a few lines further down in style.css

    Thank you. I will create a child them from now on although all the editing I did I copied and pasted as to change it back if I was not successful. Thank you very much. changing the border and padding to 0 worked a charm.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Twenty eleven – How to remove tiny lines from around images’ is closed to new replies.