Profile Photo - Either Round Corners or Hide?

Darter02

I'm monkeying around with my availability page. I'm going to use a profile block, separated from my account profile, to display information, social icons, and perhaps a photo.

I have one problem. I can't round the corners of a profile photo. I thought I'd use a Single Photo as I can round those, and make the profile photo disappear. So I tried to make the profile photo not display, but I can't get that to work either.

The codes I tried to make it disappear.

.sm-page-widget-profile-biophoto .sm-tile-single .sm-tiles-center-image .sm-tiles-1x1 .sm-tiles-fill {
	display:none;
}

sm-tile-image-yui_3_8_0_1_1407855721802_410 {
	display:none;
}

The squared image is a profile photo. If someone could give me any ideas as to how to either round the corners, or make it disappear I would be most grateful.

Allen

Darter02 wrote: »

I'm monkeying around with my availability page. I'm going to use a profile block, separated from my account profile, to display information, social icons, and perhaps a photo.

I have one problem. I can't round the corners of a profile photo. I thought I'd use a Single Photo as I can round those, and make the profile photo disappear. So I tried to make the profile photo not display, but I can't get that to work either.

The codes I tried to make it disappear.

.sm-page-widget-profile-biophoto .sm-tile-single .sm-tiles-center-image .sm-tiles-1x1 .sm-tiles-fill {
    display:none;
}

sm-tile-image-yui_3_8_0_1_1407855721802_410 {
    display:none;
}

The squared image is a profile photo. If someone could give me any ideas as to how to either round the corners, or make it disappear I would be most grateful.

Try this

.sm-page-widget-7498541 img {border-radius: 12px;}

Darter02

COOL BEANS! That did the trick! Thank you.