Fancy Header element does not support HTML tags?

webbabe

I have a fancy header which should display:

CO₂

So that the the '2' is vertically drop down from the baseline of the text.

But is does not render the <sub>-tag, so this is how it's displayed in the header:

CO2

In the column text element it works, is there a way to get the fancy header display it correctly or must I search for a work-around?

webbabe

I managed to solve it myself by writing a custom css style, but maybe nice to get Fancy headings supporting the HTML-tags as well?

Phil

Hi,

Fancy Heading elements accept only some HTML tags. Instead of the <sub> tag, use span, with the following CSS code:

.fancy_heading .title span{
 font-size: 0.6em;
 position: relative;
 bottom: -6px;
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

webbabe

Thanks for the feedback Phil!

Good to know.