Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try;

    #content img, #content-full img {
     box-shadow: none;
    }

    Hi Glenn,

    In your CSS stylesheet, find:

    #content-full img {
    border: 1px solid #999999;
    box-shadow: 0 0 5px 0 #777777;

    The ‘box shadow’ property refers to the border you refer to. Change ‘5px’ to ‘0px’. You might like to remove the border by changing it to 0px too.

    If you use the Chrome browser there is an easy way to figure out what you need to alter in the CSS. Right click on any element within the page (for example- your image with border) and click ‘Inspect Element’. This will bring up the element’s style properties where you can de-select/alter specific CSS rules (i.e ‘border=”0px”‘) and see live real-time results. Once you know what to change, you can get into WordPress and change it.

    Hope this helps!

    Thread Starter Glenn Cowan

    (@glenn-cowan)

    Thank you Pantilaimon, worked a treat. Can sleep well now!

    Andrew, for some reason my phone showed Pantilaimon’s message before yours, so just used that.

    Thanks both of you for your very prompt help.

    Thread Starter Glenn Cowan

    (@glenn-cowan)

    Forgot to mark it as resolved! doh!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove black borders aroung my images’ is closed to new replies.