change slider thickness [Feature]

[Anik200]

Please read through the README and the Man pages before submitting
Please also make sure that there isn't any prior issue describing this feature

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like

is there any way to chnage the thickness of the sliders

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

[ErikReider]

That would be through custom CSS styling :)

[Anik200]

Please a bit of an example since i have no custom css experience

That would be through custom CSS styling :)

[retrozinndev]

Please a bit of an example since i have no custom css experience

You can use padding in the highlight element.

trough highlight { /* ´trough´ is the background of the slider, ´highlight´ is the actual slider */
    padding: 5px;
}

[Anik200]

Please a bit of an example since i have no custom css experience

You can use padding in the highlight element.

trough highlight { /* ´trough´ is the background of the slider, ´highlight´ is the actual slider */
    padding: 5px;
}

that didn't do anything

[Anik200]

i tried this too but same

[Anik200]

no worries it worked but how do i increase the size of the knob

[retrozinndev]

no worries it worked but how do i increase the size of the knob

I do not know the name of the element, but I think you can do so like this:

trough highlight > *:first-child {
    padding: 5px;
}

[retrozinndev]

Actually, I just found out, the knob is the slider element, you can put it like this:

trough highlight slider {
     padding: 5px;
}

[Anik200]

Actually, I just found out, the knob is the slider element, you can put it like this:

trough highlight slider {
     padding: 5px;
}

it didnt work...

[retrozinndev]

Curious... It changes the size of all the slider elements... I'll test here and see what I can do about that.

Edit: Actually, it's not curious haha, it makes sense.

[retrozinndev]

The slider indicator is before the highlight element. You can change it's padding with:

trough slider {
    padding: 5px;
}

[retrozinndev]

A tip for you: You don't need to restart SwayNC to reload configurations, you can just use swaync-client's commands:

swaync-client -R # Reloads ´config.json´
swaync-client -rs # Reloads stylesheet

[Anik200]

The slider indicator is before the highlight element. You can change it's padding with:

trough slider {
    padding: 5px;
}

thanks again! it works
but how do i edit/remove this "No Notifications" prompt

[ErikReider]

The slider indicator is before the highlight element. You can change it's padding with:

trough slider {
    padding: 5px;
}

thanks again! it works but how do i edit/remove this "No Notifications" prompt

There's currently no way of doing that. See #450 for future updates regarding that :)