Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Page Toolbar (Stylus)

My page toolbar used to go the far left with a stylus function. With the new update, the stylus no longer works. Anyway of fixing that? Thanks!
1723946509
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Hi John! I have styled my page toolbar in the past, but I'm not sure I understand what you are describing. I know a screen shot is impossible now, but can you describe in a little more detail what you are wanting the page toolbar to do?
Hi! Thanks for the response. I've used this: #page-toolbar .handle.showtip {     position: fixed; top: 2px !important; left: 6px !important; } #floatingtoolbar {     position: fixed; top: 37px !important; left: 5px !important;    } My page toolbar would be moved to the upper left of the screen. But now it doesn't work anymore (with the new update) and the page toolbar stays somewhat in the top middle of the screen. I wanted to know if this can be moved to the left like it did before. Thanks
1723949349
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Ah, when you say "Page Toolbar", you are talking about the handle? If so, I think that can be moved easily. Try this. You can tweak the top and left values to put it where you want it: .el-button.el-button--primary.grimoire__button.grimoire__button--primary.large.page-button{     top:10px;     left:60px;     z-index:10502 !important; }
1723949565
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
BTW, here is the style that I use. It places the handle directly above the zoom slider, so that a click in the same place will quickly open and close the page menu. And it keeps everything closer to the edge. #vm_zoom_buttons{     top:60px; } #vm_zoom_buttons .wrapper .parentContainer{     width:32px; } #vm_zoom_buttons .submenu-caret{     margin-left:13px; } .el-button.el-button--primary.grimoire__button.grimoire__button--primary.large.page-button{     top:10px;     margin-right:-60px;     z-index:10502 !important; }
Love the second option. Thank you very much for prompt and very helpful response