Rounded Corners

TallPhotoGuy

How does one do rounded corners in gallery slides

3PCo

Try this:
/* Round corners */
.sm-gallery-tiles .sm-tile img {
border-radius: 8px;
}

TallPhotoGuy

Newbee - do i add a css block and put the code there

3PCo

Yes, and the scope of the css block defines the scope of the command. So put it in All Galleries, or to a specific gallery. You can also target the command to other blocks on the page, but that's the hard part.

Cheers
af

Darter02

I recommend placing CSS modifications in the Themes Advanced Tab. Unless you're doing something only on one page, you can end up with lots of redundant CSS mods hidden in blocks all over your site.

Get to via Customize>Theme Tab>Active Theme wrench icon>Advanced>Custom CSS>Edit

If you create new themes, you can maintain the same CSS mods simply by copy/pasting the codes in your main theme's custom CSS to you new one.

Ched77

Darter02 wrote: »

I recommend placing CSS modifications in the Themes Advanced Tab. Unless you're doing something only on one page, you can end up with lots of redundant CSS mods hidden in blocks all over your site.

Get to via Customize>Theme Tab>Active Theme wrench icon>Advanced>Custom CSS>Edit

If you create new themes, you can maintain the same CSS mods simply by copy/pasting the codes in your main theme's custom CSS to you new one.

Hi, so I've been trying to do this on my homepage for an hour now and with no joy. I've put the CSS in where you suggested above but still no joy, I wonder if you'd be able to offer some advice?

Thank's in advance!
Gav

http://gavinphotography77.smugmug.com/

Hikin' Mike

Ched77 wrote: »

Hi, so I've been trying to do this on my homepage for an hour now and with no joy. I've put the CSS in where you suggested above but still no joy, I wonder if you'd be able to offer some advice?

Thank's in advance!
Gav

http://gavinphotography77.smugmug.com/

Try this:

.sm-user-ui .sm-tiles .sm-tile-content, 
.sm-user-ui .sm-tiles-column-organic .sm-tile-content.sm-tile-content-empty, 
.sm-user-ui .sm-tiles-column-organic.sm-tiles-info-over .sm-tile-content, 
.sm-user-ui .sm-tiles-column-organic.sm-tiles-info-cover .sm-tile-content {
    border-radius: 8px;
    }

Ched77

Hikin' Mike wrote: »

Try this:

.sm-user-ui .sm-tiles .sm-tile-content, 
.sm-user-ui .sm-tiles-column-organic .sm-tile-content.sm-tile-content-empty, 
.sm-user-ui .sm-tiles-column-organic.sm-tiles-info-over .sm-tile-content, 
.sm-user-ui .sm-tiles-column-organic.sm-tiles-info-cover .sm-tile-content {
    border-radius: 8px;
    }

Ok, so I'm waiting for the downside of Smugmug to hit me, because in 5 days I've created a website I'm really happy with and the 2 times I've needed a solution someone has helped me out so fast!

Thank you Mike, worked like a charm

Hikin' Mike

Ched77 wrote: »

Ok, so I'm waiting for the downside of Smugmug to hit me, because in 5 days I've created a website I'm really happy with and the 2 times I've needed a solution someone has helped me out so fast!

Thank you Mike, worked like a charm

The big downside (for me) is no more Javascript.

Glad it worked.