Hide spreader and add title for wheelnav

Question

I'm trying to work with Wheelnav.js and right now attempting to add a centered title for my wheel instead of a spreader. I'm doing it all from javascript, without css at the moment. I don't understand the purpose of spreaderPathInAttr and spreaderPathOutAttr:

wheel.spreaderPathInAttr = ...;
wheel.spreaderPathOutAttr = ...;
wheel.spreaderTitleInAttr = ...;
wheel.spreaderTitleOutAttr = ...;

The last two options is the font/text options for the spreader title to my understanding. Can I use the spreaderPathInAttr and spreaderPathOutAttr to hide the default circle around the title? Meaning I end up with only a text like 'Quit' etc. in the center of my wheel. Another thing regarding the spreader that I'm having difficulties with is the dots that appear whenever you close a menu. I would love to hide those as well. See attached pictures for references. Thanks.

Forgot to add one thing. I'm working with multiple wheels by passing the parent wheel as input to any children object instantiated with new wheelnaav(..); and I did manage to hide the spreader circle previously using CSS, but it would only work for the first wheel, and not the rest. So my first wheel had the spreader hidden, but then the childrens spreader showed behind it. The CSS I used for that was a simple assignment of a transparent non-color.

.wheelnav-piemenu-spreader-out, .wheelnav-piemenu-spreader-in {
    fill: rgba(0,0,0,0);
    stroke:none;
    cursor: pointer;
}