Rounding the Corners of the Profile Widget's Photo?

Darter02

I tried using this CSS to effect. This was hopefully going to round the corners of the square photo that is used in the Profile Widget. No dice...

.sm-page-widget-profile .sm-page-widget-profile-biophoto {
  border-radius:8px;
}

Anyone have the code?

Darter02

Also, any clue as to how to target the color of the text would also be greatly appreciated.

Darter02

I found that this rounds the profile photo but not the cover photo.

.sm-page-widget-profile-v2-biophoto {
    border-radius:8px;
}

.sm-page-widget-profile-v2-coverimage {
    border-radius:8px;
}

photoclick

where is the page you are referring to?

Darter02

It's not viewable. I'm experimenting with some ideas of how I want to redo my homepage on a private page. Do I need to get the specific ID number for the background image and text?

Lille Ulven

You could try this

div.sm-page-widget-profile-v2-coverimage > div{
border-radius: 8px !important;
}

This because you need to reach the div below the div with the class sm-page-widget-profile-v2-coverimage - at least when I look at it at my page

Best of luck

Lille Ulven

Darter02

THAT DID IT! You rock! Thanks!

Lille Ulven

You're welcome, Darter02 - glad it worked.

Have a great weekend (of celebrating rounded corners )

Lille Ulven