The following is a brief tutorial – with additional references/resources – that I hope will help you to understand the process.
You can use module class suffix to distinguish that module from others with regard to the css classes it uses.
Using the JA OnePage template as an example . . . . .
You can create module class suffix as follows . . . .
1. Add new code block into templates/ja_onepage/css/custom.css
example:
.hero-unit {
margin: 59px 0 0;
padding: 0;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
2. Add your module class suffix within the selected module as follows:
Here are some additional resources concerning using module class suffix in Joomla . . . ..
JOOMLA DOCS: MODULE CLASS SUFFIX
USING TYPOGRAPHY PAGE to IDENTIFY MODULE CLASSES
Hope this helps to de-mystify some of the confusion in using module class suffixes to modify/customize
your JoomlArt based website.
😎