• Resolved acovarrubias

    (@acovarrubias)


    I have the Evolve theme installed on WordPress, and I would like to know how to remove the border from around ALL the images in my post. I have tried editing the image, but there is no option in WordPress to remove the image borders. There is even a border around images in a post that have transparent backgrounds. I don’t know much about coding or anything, but I follow directions very well. If someone could please tell me what I can do. My blog is http://romancewithabook.com. Any help would be greatly appreciated.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Try adding this code at the end of your style.css file

    .entry-content img{border:none;}

    Note: Make child theme to modify or use custom css plugin.

    Hi there,

    Thanks for writing in!

    In regard to remove the borders and box shadows from your post images; please add the following code under your Admin Panel > Appearance > Theme Options > Custom CSS:

    .entry-content img, .entry-content .wp-caption {
        box-shadow: none;
        padding: 0px;
        border: none;
    }

    Hope this helps.

    Thank you!

    Thread Starter acovarrubias

    (@acovarrubias)

    Thank you, emranemranx! That did remove the border from around pictures in the post, but for some reason the images that have a transparent background still show up with a white background. I appreciate your help.

    Hi there,

    Glad that helped! in regard to change the white background to transparent, please add the following code under your custom CSS field:

    .entry-content img, .entry-content .wp-caption {
        background: transparent;
    }

    Hope this hleps.

    Thank you!

    Thread Starter acovarrubias

    (@acovarrubias)

    That worked perfectly. Thank you again. I appreciate your help.

    Thanks!

    When I try to follow these instructions I don’t see the same options in my menu.

    I show Appearance > Themes, Customize, Widgets, Menus, AMP, Mobile.

    Where are Theme Options > Custom CSS? I am using the free version. Is that the difference? Am I stuck with image borders unless I pay?

    In WordPress 4.7, click on Appearance, then Customize, then at the bottom of the menu on the left will be Additional CSS. This is where you paste the code from above 🙂

    Worked here just with !important

    .entry-content img, .entry-content .wp-caption {
        box-shadow: none;
        padding: 0px;
        border: none !important;
        background: transparent !important;
    }
Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Remove Border All Post Images’ is closed to new replies.