Remove Image Borders

  • Resolved holgatemethodist

    (@holgatemethodist)


    9 years, 8 months ago

    I took over running my church’s website last year, but have struggled with removing the borders around certain images. The website is https://www.holgatemethodistchurch.org.uk however I think that https://www.holgatemethodistchurch.org.uk/charities/ probably shows it better if you look at the twitter & facebook logos etc. Ideally I’d like to have it so I could choose which images have a border & which don’t, as a border on some larger images like the homepage are better being kept. I’ve spent hours trying to find the answer, but no look – hopefully one of you can help!

Viewing 3 replies - 16 through 18 (of 18 total)

  • Okay, so your CSS has some errors still – see this:

    <img class="alignright wp-image-89

    That shows that wp-image-89 is a “class” so to target that image you need to use:

    img.wp-image-89

    as the selector (the first part of the CSS code before the first bracket)

    The first part also seems not quite right – so try this for the entire thing:

    img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
    border: none;
}

img.wp-image-13, img.wp-image-352, img.wp-image-321, img.wp-image-341, img.wp-image-326, img.wp-image-46, img.wp-image-43, img.wp-image-485, img.wp-image-486, img.wp-image-484 {
  border: 1px solid #ddd;
}

    `

    Thread Starter holgatemethodist

    (@holgatemethodist)

    That works great – thanks WPyogi!

    You’re welcome :)!

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Remove Image Borders’ is closed to new replies.