Getting Rid Of Image Borders

  • Resolved scaredychatter

    (@scaredychatter)


    1 year, 9 months ago

    Last night I spent hours working on this and couldn’t get it figured out. I searched here but couldn’t find anything on this, but I apologize if I just didn’t see it.

    I spent the time last night adding CSS that did nothing. I added it in multiple spots on the WP admin, and added 6 or 7 different CSS codes to get rid of the border. I also added them to multiple pages in the CSS but never found the one that worked, if any do.

    The page I linked to shows the issue. Towards the bottom of the page I have an image saying NEWS and there’s a border around it. I don’t want that border. For some reason there’s no border in the widget area around AVAILABLE ON, but if I added that image to the main part of the page there would be a border. There’s even no borders around the images under it, until the bottom when I had to use a gallery widget to display those two images side by side.

    Can anyone please help me get rid of these borders?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi @scaredychatter –

    I spent the time last night adding CSS that did nothing. I added it in multiple spots on the WP admin, and added 6 or 7 different CSS codes to get rid of the border. I also added them to multiple pages in the CSS but never found the one that worked, if any do.

    Custom CSS should generally only go in one place, and that’s in the built-in CSS editor here:

    Appearance > Customize > Additional CSS

    Can anyone please help me get rid of these borders?

    I used a browser inspector to find the CSS classes in this theme causing those image borders in certain spots. Give this CSS a try to override the borders, and let me know how it goes!

    /* Image borders - remove */
img[class*="align"], 
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
  border: none;
}
    • This reply was modified 1 year, 9 months ago by Kathryn Presner. Reason: fixed typo
    Thread Starter scaredychatter

    (@scaredychatter)

    That’s where I was doing it, too, in addition to the main CSS thing. That worked. It’s exactly what I needed. THANK YOU SO MUCH!!! You’re a life saver! Ok, it’s not that serious, nobody was in danger of dying, but… THANK YOU!!!!!!!

    Moderator Kathryn Presner

    (@zoonini)

    Thanks for the chuckle!

    You’re very welcome. ?? I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Getting Rid Of Image Borders’ is closed to new replies.