Prevent divs wrapping for contentcollections / change their css classes

gistfile1.txt

page = Page {
  body {
    // These are your content areas, you can define as many as you want, just name them and the nodePath.
    content {
      // The default content section
      main = PrimaryContent {
        nodePath = 'main'
      }
      // A footer ContentCollection
      footer = ContentCollection {
        nodePath = 'footer'
        // prevent adding default css class .neos-contentcollection
        attributes.class.@process.collectionClass >
        // add custom css classes
        attributes.class = 'ui fluid container'
      }
    }
  }
}

gistfile2.txt

prototype(Neos.Neos:PrimaryContent) {
  default.renderer {
    attributes.class = 'main-content'
    attributes.class.@process.collectionClass >
  }
}

gistfile3.txt

prototype(Neos.Neos:PrimaryContent) {
  // add a new case definition for your page
  mypage {
    condition = ${q(node).is('[instanceof My.Package:MyPage]')}
    renderer = Neos.Neos:ContentCollection {
      nodePath = ${nodePath}
      attributes.class = 'my-css another-class'
      attributes.class.@process.collectionClass >
    }
  }
}