• Resolved Jeffw_8555

    (@jeffw_8555)


    There is a particular page I am working on and the last thing I want to do is remove these grey borders around the images of the pens.
    page with the image borders

    I have gone into the style sheet and looked but have not found a way to remove them from there. I have also used the inspector tool and can change it there, but cannot figure out where the source code for those borders are to disable them permanently.
    Any advice on removing these would be appreciated.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Bill

    (@chubbycrow)

    When making changes to your theme styles, you’ll either want to use a custom css plugin (which you can browse here), or put it into the style sheet of a child theme. If you already have the Jetpack plugin installed, you can use its Custom CSS module.

    Once you have that set up, add this to your custom styles:

    #gallery-1 img {
        border: none;
    }

    Thread Starter Jeffw_8555

    (@jeffw_8555)

    Thank you for the advice. I so far I have downloaded and tried some custom css plugins, and when putting css in them there was no change.

    Bill

    (@chubbycrow)

    The gallery ID is no longer gallery-1 but -6 for me. Not sure if it’s being created dynamically and therefore changing. Try altering the above to:

    #gallery-6 img {
        border: medium none !important;
    }

    If the ID changes again, maybe use the class instead of the ID:

    .gallery img {
        border: medium none !important;
    }

    Thread Starter Jeffw_8555

    (@jeffw_8555)

    Thank you again. Your first sugggestion works great and got rid of those borders.

    Bill

    (@chubbycrow)

    Great! You’re welcome. Please mark this as resolved for us if you would.

    Thread Starter Jeffw_8555

    (@jeffw_8555)

    Resolved

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘image borders’ is closed to new replies.