I want cssClasses to work in embedded blocks

charleslu · August 29, 2023, 10:08am

Use case or problem

As shown here, I used a cssclasses to center the title, but the css didn’t work when it was embedded

ariehen · August 29, 2023, 10:21am

Moved to help for now.

There may be a CSS solution for what you want.

ariehen · August 30, 2023, 2:32am

Something like this might work:

.center-h :is(.HyperMD-header-1, h1) {
    text-align: center; }

.center-h :is(.HyperMD-header-2, h2) {
    text-align: center; }

charleslu · August 31, 2023, 2:22am

Thanks. That’ll be grand!

charleslu · August 31, 2023, 2:45am

.Kr_juben .HyperMD-header-1, .inline-title[data-level='1'], .HyperMD-list-line .cm-header-1 {
    text-align: center;
}

Like the one above, it can distinguish between the h1 of MD in edit mode and the h1 of outline mode

Is there a way to only center h1 in MD mode in reading mode ?

ariehen · August 31, 2023, 3:49am

For only reading mode this could maybe work:

.Kr_juben h1 {
    text-align: center; }

charleslu · September 1, 2023, 5:52am

like this

It is hoped that in reading mode, H1 in outline format does not go to the middle, and H1 in MD format goes to the middle. I don’t know if it’s possible