Can't superscript text

7 posts from 3 voices

• Started 7 months ago by RiboMed
• Latest reply from Ismael
• This topic is closed
• This topic is resolved

Tags:

• superscript

1. 

   RiboMed
   Member

   I am working on a website that has a lot of scientific content that requires the use of superscipted text (+) (-) as well as registered trademark symbols that are superscripted. No matter what I try, I cannot get them display as superscript on the website. I'm using ⁺ and it shows as superscript in the Visual on the admin panel, but not on the page that is displayed. Any suggestions on what I can try?

   Thanks

   Posted 7 months ago #
2. 

   Dude
   Dude

   Hey!

   Try to add following code to css/custom.css or the quick css field:

   body#top sup{
   vertical-align: super;
   }
   
   body#top sub{
   vertical-align: sub;
   }

   Best regards,
   Peter

   Posted 7 months ago #
3. 

   RiboMed
   Member

   Thanks - that worked!

   Posted 7 months ago #
4. 

   RiboMed
   Member

   What else do I need to add to the quick css field to get the superscript to display in the widgets and headers?

   Thanks

   Posted 7 months ago #
5. 

   Ismael
   Moderator

   Hi,

   Try,

   body sup{
   vertical-align: super;
   }
   
   body sub{
   vertical-align: sub;
   }

   Actually, Peter's snippet should do the trick for every superscript you have.

   Regards,
   Ismael

   Posted 7 months ago #
6. 

   RiboMed
   Member

   Thanks.

   Posted 7 months ago #
7. 

   Ismael
   Moderator

   Hi RiboMed,

   Glad we could help. :)

   Cheers,
   Ismael

   Posted 7 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.