When using the Heading widget, how are the HTML Tag and Size settings supposed to work? If all my theme styles are passed through, why doesn't choosing H2 look different than choosing H5? (see images) I can't find any documentation.
I've already set all my size and color preferences for fonts including H1-H6 in my theme: Dynamik (Genesis child theme.) I also have disabled styles in Elementor settings.
UPDATE
I don't see a way to turn off the size dropdown. Perhaps that is getting in the way of the theme styles passing through? I fixed my situation by adding these custom styles that required including important!, but it seems like a bug.
/* Type Heading Styles ---------------------- */
h1 {
font-family: 'Crimson Text';
font-size: 30px !important;
font-style: normal;
font-weight: 400;
}
h2 {
font-family: 'Crimson Text';
font-size: 24px !important;
font-style: normal;
font-weight: 400;
}
h3 {
font-family: 'Crimson Text';
font-size: 20px !important;
font-style: normal;
font-weight: 400;
}
h4 {
font-family: 'Crimson Text';
font-size: 18px !important;
font-style: italic;
font-weight: 400;
}
h5 {
font-family: 'Crimson Text';
font-size: 16px !important;
font-style: normal;
font-weight: 700;
}
h6 {
font-size: 14px !important;
font-variant: small-caps;
}
When using the Heading widget, how are the HTML Tag and Size settings supposed to work? If all my theme styles are passed through, why doesn't choosing H2 look different than choosing H5? (see images) I can't find any documentation.
I've already set all my size and color preferences for fonts including H1-H6 in my theme: Dynamik (Genesis child theme.) I also have disabled styles in Elementor settings.
UPDATE
I don't see a way to turn off the size dropdown. Perhaps that is getting in the way of the theme styles passing through? I fixed my situation by adding these custom styles that required including important!, but it seems like a bug.