Creating round edges on images

[Hrovatin]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Description

Is there a way to make images with rounded edges, such as border-radius?

Operations you have already tried

I tried adding border-radius paraeter to the curly brackets used to define the image size but that did not work.

Anything else?

No response

[SoumyaK4]

Try using custom scss here

[Hrovatin]

Thank you for your suggestion. I downloaded the file and put it in assets/css/ and added:

.rounded {
  border-radius: 7px;
}

Then I use it in my image as

![Desktop View](ambient_expression.jpg){: width="800" alt="abc" .shadow .rounded;}

Any ideas on what else may be needed to make it appear in the image?

[SoumyaK4]

@Hrovatin as of my knowledge , kramdowns don't need the ending ';'
so I think it should be

![Desktop View](ambient_expression.jpg){: width="800" alt="abc" .rounded}

[Hrovatin]

Sadly this did not work but tis' answer resolved it. I assume that somehow the scss does not get incorporated in the final style used.

[tis-starlight]

![Desktop View](ambient_expression.jpg){: width="800" alt="abc" style="border-radius: 7px;"}

[Hrovatin]

This resolved it, thank you.