How can I modify the main canvas size?

finn · May 3, 2021, 4:24am

How can I resize area as much as red arrow remains?

<style> .retool-canvas { max-width: none !important; } </style>

css is not working

justin · May 3, 2021, 4:41pm

Hey @finn – looks like you found: Cool hack 🤖 –– full-width retool canvas!. Where are you putting your CSS? We don't support it in the new text component, so you'll need to add it via three dots --> Scripts and styles --> CSS.

finn · May 4, 2021, 4:10am

hi @justin i have already added it, but it doesn't work

victoria · May 6, 2021, 10:51pm

Hi @finn! Stepping in for Justin here.

It seems to be working for me! In order to actually see the difference, check it out in Preview mode or just hide all the panels from Edit mode 😊

Let me know if that works for you!

mm79 · July 15, 2021, 10:37am

this worked for me: add this code in Scripts and styles --> CSS

:root {
--retool-canvas-max-width: none !important;
}