Support » How-To and Troubleshooting » Rounded borders on gallery images

Rounded borders on gallery images

  • Hello! I have run in to yet another headache…
    I can’t seem to get both the image AND the border rounded off, for the WordPress gallery images (as can be seen here: http://nwimt.com/bearings/).

    My CSS:

    .attachment-thumbnail {
    	-webkit-border-radius: 20px!important;
    	-khtml-border-radius: 20px!important;
    	-moz-border-radius: 20px!important;
    	border-radius: 20px!important;
    	border: 5px solid #262626!important;

    This is easily executed when the image is a background-image, but when it is an “img” it seems to only partially work, as in the fact that the border rounds nicely, but the image sits on top of it, and remains with the square edges.

    Been playing with this for hours to no avail. If anyone can shed some light on how to go about resolving the issue, I would be extremely grateful!

    Thank you in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Rounded borders on gallery images’ is closed to new replies.