WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. dannyking
    Member
    Posted 1 year 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. alchymyth
    The Sweeper & Moderator
    Posted 1 year 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 */
    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

  3. dannyking
    Member
    Posted 1 year 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