CMS Made Simple Forums

Posted: **Mon Jan 09, 2017 3:01 pm**

How would I make an image round, by using CGSmartImage?
There is a Rounded Corners Filter. So I am sure it will work, but it doesn't specify how to apply the filter.

Any help would be appreciated.

Thanks
Matthew

Posted: **Mon Jan 09, 2017 4:23 pm**

Hi,

Looking at the module Help, the simplest way is to include the filter in the call, e.g:

Code: Select all

{CGSmartImage src="uploads/images/test.jpg" filter_roundedcorners=40}

If it doesn't work, let us know exactly what you've tried.

Posted: **Mon Jan 09, 2017 5:44 pm**

Don't forget you can just use CSS to display a round image. Bootstrap just uses:

Code: Select all

.img-circle {
	border-radius: 50%;
}

that might be easier if you don't know the dimensions of your image.

Posted: **Mon Jan 09, 2017 10:02 pm**

scooper wrote:...if you don't know the dimensions of your image

https://www.cmscanbesimple.org/blog/get ... -in-smarty

CMS Made Simple Forums

Making a circular image using CGSmartImage

Making a circular image using CGSmartImage

Re: Making a circular image using CGSmartImage

Re: Making a circular image using CGSmartImage

Re: Making a circular image using CGSmartImage