Hi,

Value of the $border-radius-circle is set to 50% by default. In Free version you can find it inside scss/core/_variables.sccs file on line 130.

If you would like to overwrite any scss value, in _custom-variables.scss file you can do the following:

$border-radius: 0 !important;

It will work if you are using any type of file bundler such as Gulp or Webpack to compile your .scss files. Otherwise, you'll have to include custom styles directly inside tag in your HTML .

You can check how to use Gulp or Webpack from our tutorials:

Gulp - you can check out and learn how to work with it from one of our tutorials here: https://mdbootstrap.com/education/bootstrap/gulp-installation/

Webpack - you can check out and learn how to work with it from our article here: https://mdbootstrap.com/articles/jquery/md-bootstrap-webpack-tutorial/

Regards, Marcin