Remove image borders on 20-11 theme site

  • Sorry to repost this question, but I’ve Googled and tried several suggestions on these support forums for removing borders and padding on my photos, and can’t get it to work. Here’s the site: https://www.holyspirit-la.org/?page_id=4

    I even tried editing the original theme CSS, which I know is bad practice.

    Any new suggestions, other than rebuilding in a better theme?
    N

Viewing 3 replies - 1 through 3 (of 3 total)

  • Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin. Then try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    I don’t see any image borders – the CSS in your child theme seems to be working.

    try to clear your browser cache – press ‘ctrl f5’ or ‘reload’….

    Thread Starter nacinla

    (@nacinla)

    Thanks, guys. Right, normally I would never edit the original theme; I have a child theme with extensive changes to the regular theme, but this one is pesky. I just can’t pinpoint the selector to change the images. alcymyth: The image I’m especially referring to is the smaller one on the page; it’s got a border and lots of padding around it. I can see the borders on all the pictures in the edit window in WP, so they’re there.

    I tried including an all-purpose override on the img tag of border: none, padding: 0px, but that didn’t work.

    My next step will be to try CSS Hero on this.

    N

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove image borders on 20-11 theme site’ is closed to new replies.