How to Edit Block Style Directly From Your App

To edit block style inline, you adjust colours, fonts, and sizing on the block itself rather than in a separate configuration screen. What you see while editing is what users will see.

Why separate editors slow design down

Editing in one place and previewing in another doubles the work of every adjustment.

  • Switching between an editor and a preview repeatedly
  • Colour choices that look different in context than in a picker
  • Layout decided without seeing the surrounding blocks
  • Small refinements skipped because the loop was too slow

What can be adjusted inline

  • Colours, applied and seen immediately in context
  • Fonts, changed from the block itself
  • Sizing, by dragging from any corner rather than only one
  • Block options, reachable from the corner menu
  • The block panel, which follows the interface theme

How to do it in Jestor

  1. Enter build mode in Jestor with B or Ctrl+B.
  2. Hover a block — the element you are about to edit is highlighted.
  3. Change its colour and font directly from the block.
  4. Resize it by dragging from whichever corner is convenient.
  5. Open the corner menu for the block's remaining options.

Why choose Jestor for visual building?

Jestor keeps every adjustment in context, so a colour is chosen against the blocks beside it rather than against a blank picker — which is where most design mistakes in internal tools come from.

Combined with app versioning, inline editing means experimenting is genuinely cheap: try it, see it immediately, and restore if it was wrong.

Frequently Asked Questions

Can I resize from any corner?

Yes, rather than only one. See jestor.com.

Can I change fonts from the block?

Yes, along with colours.

How do I know which block I am editing?

Hovering highlights it.

Video Tutorial: Step by Step

Check out other practical tutorials on the Jestor YouTube channel.

Get to know Jestor

With Jestor, you can automate workflows, connect teams, and build internal systems your way — all without code and powered by AI. Discover Jestor at jestor.com and see how to take your company's operations to a new level of efficiency and control.

Read more