How to change the border on image thumbnails in a Wordpress gallery
9th June 2010
,9th June 2010
,Just a quick little "tutorial"/pointer for anyone looking to change the thickness, style or colour of the border of a thumbnail in a Wordpress gallery....
The details of the thumbnails can be found in wp-includes/media.php. Here you'll find:
#{$selector} {
margin: auto;
}
#{$selector} .gallery-item {
float: {$float};
margin-top: 10px;
text-align: center;
width: {$itemwidth}%;
}
#{$selector} img {
border: 2px solid #cfcfcf;
}
#{$selector} .gallery-caption {
margin-left: 0;
}
Simply change "border: 2px solid #cfcfcf;" to whatever you want it to be!
If you're not familiar with updating code or FTP'ing files to a server, you'll need to ask your web developer to do it for you.
I've just done it for SarahViolin.com
29.02.24
We are delighted to announce that 18a has been recognised for its outstanding work in the "Web Design Agency of the Year - UK" category at… Read →
27.02.24
I recently had an interesting problem to solve. I'd built a brand new author website on a shiny installation of Laravel 10, utilising its out-of-the-box… Read →
15.02.24
WordPress is the incredibly popular blogging-come-full-website platform that powers over 835 million websites* in 2024. It's functionality is extended by plugins, and one such very… Read →