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 https://www.hypergiantmusic.com/ 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)

  • strongly consider to create a child theme https://codex.www.ads-software.com/Child_Themes 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 https://getfirebug.com/, 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 */
img[class*="align"],
img[class*="wp-image-"],
#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

    Thread Starter dannyking

    (@dannyking)

    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.