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!

GP Premium 1.2.96

[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!

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

[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.

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

[Tom]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Lainey]

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

[Leo]

Have you tried my code above?

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

[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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts