Rounded corners customisations have stopped working

James Lyall · June 26, 2016

I set up CSS to round corners of images and thumbnails using Nicholas Sherlock's customisations when I moved to the new SmugMug a couple of years ago.
I have just noticed that this CSS no longer works; all the corners are back to the default sharpness.
Can anyone point me to a solution? Many thanks in advance.

Lille Ulven · June 26, 2016

I don't know how the customization from Sherlock worked in those days...but today a

.sm-tile-content > img {
    border-radius: 40px; /*change the 40px to something that fits your style*/
}

tends to do the trick

Good luck

Lille Ulven

James Lyall · June 26, 2016

Thank you for your help, Lille
I'm afraid that your suggestion does not make any difference.
I refer you to Nicholas Sherlock's collection of CSS modifications at http://www.sherlockphotography.org/Customisations/Rounded-corners
My CSS has been based upon his code. Recently, the existing code no longer results in the required format on my site.
It seems that SmugMug must have altered the structure of their site, resulting in my original CSS becoming ineffective.

Hikin' Mike · June 26, 2016

I'm not seeing any 'border-radius' on your CSS except for your lightbox. The code Lille posted above works.

James Lyall · June 27, 2016

Hikin' Mike wrote: »

I'm not seeing any 'border-radius' on your CSS except for your lightbox. The code Lille posted above works.

Thank you very much for responding.
After much head scratching, I have found the cause of my trouble. I had fallen into a ninny-trap when modifying my code! I'd copied my whole site CSS into Notepad and had forgotten to disable 'Word Wrap', leading to corruption of the code. We live and learn!

Rounded corners customisations have stopped working

Comments