Support » Themes and Templates » 2011 theme: remove grey keyline on an image by image basis

  • Resolved EBurden


    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: 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: Scroll down until you get to Step 1, Step 2 etc.


Viewing 2 replies - 1 through 2 (of 2 total)
  • Install a Custom CSS plugin

    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.


    .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.

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

    Thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘2011 theme: remove grey keyline on an image by image basis’ is closed to new replies.