How can I make callouts wider than 600px in Live preview?

as you can see I can make the code blocks wider than 600px with this code:

.HyperMD-codeblock.HyperMD-codeblock-bg.cm-line {
    width: 800px;
    max-width: 800px !important
}

but the callouts will not budge whatever css I trow at it, help!

You could give this a try. It’s just expanding the callout area out to the right the same as the code block css you are using above.

.markdown-source-view.mod-cm6 .cm-callout {
    width: 800px;
}