Hi Stefan, To increase the size (and distance) of the buttons you need to add a width and height for the svg button (plus a margin for the distance).
The color for the svg button can be set with the appropriate button class. Try something like the following between <style> ... </style> or in a separate stylesheet (tiddler tagged with $:/tags/Stylesheet): .tgc-fixed { position: fixed; top: 60px; width: 25px; left: 10px; background-color: transparent; z-index: 200; } .tgc-fixed button svg { fill: <<colour primary>>; width: 2em; height: 2em; margin: 10px 0px; } .tgc-fixed button:hover svg { fill: #0044BB; } .tgc-fixed button svg.tc-image-new-button { fill: green; } Adapt to your liking. Hope that helps. Cheers, Ton On Tuesday, January 5, 2021 at 4:16:45 PM UTC+1 schlechter...@gmail.com wrote: > Hi Ton, > > thanks - that's exact what I searched for... > > Now I want to have > > - bigger buttons: > --> I changed width: 40px; --> icons are bigger for the tiddler > but not for the left site... > changed position to "flexible" to see difference between left buttons > and buttons configured in tiddler: > [image: Leftbar.PNG] > > > - more space between the buttons > > > - button 'New Tiddler' color: green > > Code: > <div class="tgc-fixed"> > {{$:/core/ui/Buttons/home}} > {{$:/core/ui/Buttons/full-screen}} > {{$:/plugins/telmiger/simple-search/ui/Buttons/search}} > {{$:/core/ui/Buttons/save-wiki}} > {{$:/core/ui/Buttons/new-tiddler}} > {{Create (vertical) toolbar}} > </div> > <style> > .tgc-fixed { > position: fixed; > top: 80px; > width: 40px; > left: 5px; > background-color: transparent; > z-index: 200; > } > > .tgc-fixed button svg { > fill: <<colour button-foreground>>; > list-style-type: none; > } > > .tgc-fixed button:hover svg { > fill: <<colour primary>>; > } > </style> > > Thanks in advance > Stefan > > > Ton Gerner schrieb am Montag, 4. Jänner 2021 um 17:27:40 UTC+1: > >> Have a look at http://tw5custom.tiddlyspot.com/ >> Click the bottom button in the left toolbar for information. >> >> Hope that helps, >> >> Ton >> >> >> Hi Stefan, >> >> On Monday, January 4, 2021 at 1:54:47 PM UTC+1 schlechter...@gmail.com >> wrote: >> >>> Here the screenshot for the request: >>> [image: move_buttons.PNG] >>> >>> Stefan Schlechter schrieb am Montag, 4. Jänner 2021 um 11:29:07 UTC+1: >>> >>>> Hello, >>>> >>>> how do I get only the buttons (activated under sidebar/tools) to the >>>> left side? >>>> Than I can hide () sidebar to have much desktop space... >>>> >>>> Thanks >>>> Stefan >>>> >>> -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/29fc5688-ddff-4f07-abc2-2cf5ae153516n%40googlegroups.com.