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

  • lava_ca

    #3150

    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 wordpress.org forum without any success.

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

    Thanks a lot!

    Anonymous

    #23605

    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;
    }

    DSaz

    #23606

    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.

    Mod

    Kenneth John Odle

    #23607

    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.

    lava_ca

    #23608

    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.
Do NOT follow this link or you will be banned from the site!