Twenty eleven - How to remove tiny lines from around images (3 posts)

  1. dannyking
    Posted 3 years ago #

    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 http://www.hypergiantmusic.com/ around the first image on the latest post and around the soundcloud image on the top right. Thank You.

  2. Michael
    Forum Moderator
    Posted 3 years ago #

    strongly consider to create a child theme http://codex.wordpress.org/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 http://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 */
    #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

  3. dannyking
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic