WordPress.org

Forums

[resolved] 2011 theme: remove grey keyline on an image by image basis (3 posts)

  1. EBurden
    Member
    Posted 1 year ago #

    I've searched the database and have seen several answers to "how to remove the grey line site wide" but I have only seen one reply which addresses it on an image by image basis, which is what I want to do.

    Here: http://wordpress.org/support/topic/remover-border-from-images-in-twenty-eleven?replies=5 a contributor named Webkat suggested a way to remove the border from some pictures by adding border= 0 in the advanced section in visual editing mode.

    That is exactly what I want to do but I can't find an advanced section in the visual editor. (the post is old so perhaps things have changed.) I have looked at the page editor Text tab where I can see the code and I've tried to add in border= 0 to the image info but I can't get it to work.

    Thank you for your support. If you would like to see the borders on my site: catfishcreative.ca Scroll down until you get to Step 1, Step 2 etc.

    ernie

  2. paulwpxp
    Font hero
    Posted 1 year ago #

    Install a Custom CSS plugin
    http://wordpress.org/plugins/search.php?q=custom+css

    and use this code

    .page-id-2 .entry-content img { border-color: transparent; }

    Notice the .page-id-2, it's from WP body class. You could get it by viewing the <body> tag (via Firebug, or just view page source). Repeat it for other pages when needed.

    Example

    .page-id-2 .entry-content img,
    .page-id-99 .entry-content img,
    .page-id-300 .entry-content img {
    	border-color: transparent;
    }

    To target only specific images, use WP image class. For example, this code is for those 3 images and not for the one on the top.

    img.wp-image-114, img.wp-image-115, img.wp-image-116 {
    	border-color: transparent;
    }

    After making changes in CSS don't forget to clear cache.

  3. EBurden
    Member
    Posted 1 year ago #

    Thank you very much for the quick answer.
    And yes, I do want to remove it for the bottom three images only.

    Thanks again.
    ernie

Topic Closed

This topic has been closed to new replies.

About this Topic