sub, sup {
font-size: 25%;
/* Zero out the line-height so that it doesn't
interfere with the positioning that follows */
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
/* Move the superscripted text up */
top: -1.25em;
}
sub {
/* Move the subscripted text down, but only
half as far down as the superscript moved up */
bottom: -0.25em;
}
Format superscript text in Divi
Add the following CSS code to the Divi theme options area or your child theme style.css file.
Need help with this?
Hire me for a consultation and I'll walk you thru the process.
Hey, Thanks for this! Worked perfectly.
Awesome! You’re welcome!
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
Hi sorry I’m new to all this CSS stuff, I’ve added this code to the DIVI Options but what else should I do please? Might you do a step by step guide please? lol I’d really appreciate before I lose the will to live…
Hi Mazz,
There is nothing else to do, other than save the Divi options, unless you want to modify the CSS to suit your needs.