It’d be nice to be able to reduce the width of the automation buttons even further than currently allowed.
Video for reference: https://drive.google.com/file/d/14ibmwaT2jCJ9ueMOqEVgpRNAUXJU8-bm/view?usp=sharing
I suppose you could add some custom CSS and scale it down as you see fit; would that work for you?
@jfortun is there a way we can select specific blocks/elements here? I see this on the page block so I’m not sure if it’s intended
I’ve been wanting to play around with custom css but was not fully sure on how to proceed.
I do see some examples in the screenshot in the documentation
What should be the thing that I add customization to? Below is what I see for the button when I inspect the browser page
button type=“button” class=“btn btn-success my-1 mx-3 flex-fill”> ^ </button
This would apply to all automation buttons:
.block.Automation button {
background-color: red !important;
}
You can add Custom classes/ids for blocks, which can be used for the custom CSS.
The customCSS is defined inside the Admin Area → User Interface → Settings Corteza Studio :: Corteza Docs.
ah… completely forgot about that one
Is there any documentation on how to use custom css (just basics) like you guys have for workflows here Examples :: Corteza Docs
Not really, apart from what I linked in the above post.
Depends on your level of expertise, but in general, if you used CSS before then it should be quite self explanatory.
Give block a class, style the class in the custom CSS.