Is there any way to change only the fontWeight of the <summary> part of the details block?

[kohheepeace]

Problem

As shown in the following video, changes to the font weight of the details block apply to the entire details block, both <summary> part and paragraph part.

2024-01-17.22.54.58.mp4

Question

Is there any way to change only the fontWeight of the <summary> part of the details block?

*P.S.
I also want to change font-size of only <summary> part.

[t-hamano]

Unfortunately, as far as I know, it is currently not possible to change the style of only the summary element through the block support user interfaces. How about resetting the child block's style instead?

Alternatively, the following approaches may be used:

Define custom css via theme.json

{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"version": 2,
	"styles": {
		"blocks": {
			"core/details": {
				"css": "& > summary { font-weight: bold;}"
			}
		}
	}
}

Write CSS via the Global Styles

Site Editor > Global Styles > Blocks > Details > Advanced > Additional CSS

[kohheepeace]

Unfortunately, as far as I know, it is currently not possible to change the style of only the summary element through the block support user interfaces.

I am glad to confirm that it is not possible currently. Thank you very much 👍.

About the Solution

Thank you also for the solution suggestions. I have come up with a similar approach.

However, I found these solutions somewhat redundant and cumbersome.

Do you think this is a issue to be fixed ?

[t-hamano]

I searched for the issue, but couldn't find anything similar. This can be worked on as an enhancement, so I'll migrate it to an issue.

[kohheepeace]

Thanks !