Override font size for tags when in the same line as a header

[fanis]

Trying to have a different font size for tags when they’re part of a header line (h1, h2)

Please see below screenshot of a header line with a tag in it, and a normal text line with another tag in it.

I’d like the header tags to have the same size as normal text tags.

I’ve tried overriding font-size with !important in the CSS selector for tags cm-hashtagwithout success:

font-size: small !important;

[CawlinTeffid]

If the .cm-hashtag is inside the heading, you could use the child selector to specify “tag inside heading”. I don’t know the actual markup (I know it can be weird in Live Preview), but something like

h1 > .cm-hashtag, 
h2 > .cm-hashtag {

Unfortunately CSS doesn’t provide a way to select headings in general, so you’ll have to specify every level (I only included the first 2).

[fanis]

@CawlinTeffid thanks for the response, your suggestion worked and I edited it as below to make use of the generic header class.

.HyperMD-header > .cm-hashtag {
  font-size: medium !important;
}