1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS Remove very thin outline around the inserted image.

Discussion in 'Web Development' started by Rosalie, Dec 27, 2015.

  1. Rosalie

    Rosalie New Member Verified Member

    I’m using the Law firm website template.
    After inserting an image there appears a very thin outline around the inserted image, how to remove that outline? (as it is not nice on a light-colored background).
     
    Last edited by a moderator: Dec 27, 2015
  2. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    The code in the style sheet that makes it look like that is located on code line 191 to 193:

    Code:
    #contents img {
        border: 1px solid rgba(231, 231, 231, 0.8);
    }
    and code line 515 to 517:

    Code:
    #contents .images img.box {
        border: 5px solid #fff;
    }
    You remove this from your new image by using a higher rank selector to override the style for example:

    Code:
    #contents .images img.mynewclassname {
        border: 0px none none;
    }
    You can also just remove it from all images by deleting border styling from code line 191 to 193 and code lines 515 to 517.
     
  3. Rosalie

    Rosalie New Member Verified Member

    Thank you very much, the thin outline has disappeared!
    (I just wonder what the intention might have been of this thin outline).