[SmarticleParticipant]

This is the offending page: http://anaemiamanifesto.com/define-measure-success/

Under the title, “What must be done to achieve this?” there are 3 bullet points. In the third bullet, there is the number 31, immediately following the words “Carter report”. I need 31 to be superscript, so I’ve wrapped it with ^and. However, there is no change on the front end. It won’t convert to superscript. Please help.

If, for some bizarre reason, that element field won’t recognise tags such as <sup> then I need a workaround… but not a workaround that means I’m gonna have to change every page’s bullets… coz that’ll mean undoing and redoing a serious amount of work that has already been approved by the client.

Cheers,

Mark

[SmarticleParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

Icon list element does not allow html as content.

You may use the text element instead then add this code.

<ul class="my-list">
    <li><i class="x-icon-circle" data-x-icon="" aria-hidden="true" style="color: hsl(4, 90%, 58%);"></i> A cross-specialty clinician and public health group should be created to lead this exercise</li>
    <li><i class="x-icon-circle" data-x-icon="" aria-hidden="true" style="color: hsl(4, 90%, 58%);"></i> Current BSG quality standards could be a starting point but do not cover all of the required points (e.g. relating to IDA surveillance; emergency admissions)</li>
    <li><i class="x-icon-circle" data-x-icon="" aria-hidden="true" style="color: hsl(4, 90%, 58%);"></i> Broader dashboards will be developed following the recent Carter report<sup>31</sup> – for example relating to gastroenterology and renal medicine – and may provide potential long- term ‘homes’ for an IDA dashboard</li>
</ul>

Hope that helps

[SmarticleParticipant]

Haha! OK, so there was a bizarre reason… albeit not actually bizarre at all. No html in icon list. Got it. OK, no problem. It is what it is. Thanks for the heads up, Paul. And for the beginnings of a workaround. I say “beginnings” because it hasn’t quite worked… yet. Hopefully you can steer me in the right direction though?

I’ve added the code you supplied to a text element on this page: http://anaemiamanifesto.com/define-measure-success/

As you can see the code outputs a list, but it pushes the required icons into the text itself instead of replacing the standard bullet icons with the icons.

I duplicated the element and then took it out of list mode. The bullets vanished and the blocks of text spaced out better, but the text is no longer indented. It’s just paragraphs starting with bullets now.

So I still need the indented text sorted, along with the ability to emulate the spacing between each block of text. I’ll watch this space 😉

[JadeModerator]

Hi Mark,

Please try this code in the customizer:

ul.my-list {
    list-style-type: none;
}

ul.my-list li {
    position: relative;
}

ul.my-list i {
    position: absolute;
    left: -25px;
}

Hope this helps.

[SmarticleParticipant]

Awesome! That worked, Jade. Thank you.

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts