How to remove/hide image border in WordPress Twenty Eleven child theme

  • Resolved abigfun

    (@abigfun)


    11 years ago

    I installed WP version 3.8.1, WP theme Twenty Eleven version 1.7, and created a child theme to customize my style.

    I copied part of content (those I want partial or complete change) from style.css in Twenty Eleven into my child theme.

    I want to remove or hide the border of images attached to posts and pages, include those listed in home page and category/parent pages.

    I tried tips that works fine for many other people, but unfortunately, I got no luck.

    These tips (editting style.css) are:

    Tick #1:
    img[class*=”align”],
    img[class*=”wp-image-“],
    #content .gallery .gallery-icon img {
    border: none;
    }

    Tick #2:
    for Tick #1, change “border: none;” to “border: 0;”

    Tick #3:
    img[class*=”align”],
    img[class*=”wp-image-“],
    #content .gallery .gallery-icon img {
    border: 0px solid #ddd;
    padding: 0px;

    Tick #4:
    under /* Image borders */, change the values of all “border-color” and “background” to #fff or #ffffff.

    I tried to change post format from image to gallery, but still no luck.

    Here are the links to index on Home, and Category, Page, and Post

    I hided the image caption, and there is no bottom border of images in index.

    Any help will be highly appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    try to use a browser inspection tool (like Firefox’ web developer add-on) to investigate where those backgrounds or borders are coming from.

    for example, include further styles to remove those:

    .indexed.format-image .wp-caption,
.wp-caption {
	background: none;
}

.wp-caption img { border: none; }
    Thread Starter abigfun

    (@abigfun)

    You are great! alchymyth,

    Many thanks for your quick helpful tips. They are working perfect for me.

    I am very sorry for late response, as I submitted by mistake dupicated question in two fields of the forum.

    I noticed that you are of best experts solved many questions about custimization on WordPress. It’s grest to have you guys here in this forum.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to remove/hide image border in WordPress Twenty Eleven child theme’ is closed to new replies.