How to remove image boarder in a child theme style.css?

  • lava_ca


    Hi guys,

    Sorry I know that removing image boarder has been discussed before. But I am trying to edit the child theme css so I don’t lose the settings after any upgrades. I’ve spent hours and tried to search this forum and forum without any success.

    Can anyone please tell me how to remove the image borders in a child theme?

    Thanks a lot!



    Which image borders are you talking about? The widgets? Content?

    If your talking about the images on your sidebar try this:

    .sidebar p img {
    border: none;



    Hey lava ca,

    If you are talking about the images you insert into posts I have to suggestions

    1.permanent css solution

    Find the following css class and delete the row with the border attribute

    .entry-content img, .child-page img {
    border: 4px solid #E3E3E3;
    margin: 5px;

    2. On the fly solution

    Check the image edit options and insert “0” in the border field.


    Kenneth John Odle


    Add this to your child theme style sheet:

    img {border:none;}

    Please note that you can create custom border definitions in your style sheet and then apply them to individual images by adding that description to its css class.

    For example, you can add this to your child theme style sheet:

    .biggreenborder {
    border: solid 10px #00ff00;

    If you edit an image, you can click on “Advanced Settings” and add biggreenborder to the box labeled “CSS Class”. That image will then have a 10px solid green border. That way, you can add a border (or a shadow) to any image you would like even after you have stripped them out.



    Worked! I greatly appreciate everyone’s help.

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.