[Support request] Adding black border to items in the media library

[Lainey]

Is there a way to add a black border to items in the media library? Thank you!

[Leo]

Hi Lainey,

Like everything in the media library? They would have some different selectors I think.

Can you provide a link to your site and let me know which items you would like to add borders?

Thanks!

[Lainey]

Hi Leo! The photos, primarily. https://www.growyouradvocacy.com/ Thank you!

[Leo]

Try something like this:

.page-header-image img {
    border: 2px solid #000000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

[Tom]

Are you wanting the borders to appear in the actual media library in the Dashboard? Or on the images on the live site?

[Lainey]

Tom – To the images on the live site. Thanks!

[Leo]

Have you tried my code above?

[Tom]

Leo’s code will add a border to the featured images/page header images.

If you also want to apply a border to every single other image on the site, you could do this..

.site-content img {
    border: 2px solid #000;
}

[Author]

Posts