Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Brandon Brigham
Brandon Brigham
3,716 Points

How to add superscript in WordPress text?

Hello,

I'm trying to create superscript in the page on my WordPress website however I'm not getting it up to the top but at the bottom:

http://demo.simplifymedical.com/healthcare-providers/

I'm using <sup> </sup> but it's not working properly

Doru Marginean
Doru Marginean
2,290 Points

Hi Brandon Brigham,

It seems the WordPress theme you are using (bridge) resets the 'sup' tag to baseline.

http://demo.simplifymedical.com/wp-content/themes/bridge/css/stylesheet.min.css?ver=4.5.3

So you should fix this by adding into your style.css file:

sup {
   vertical-align: top;
}

1 Answer

Daniel Gauthier
Daniel Gauthier
15,000 Points

Hey Brandon,

I did a quick test on my personal Wordpress site to ensure that the issue wasn't being caused by the new update. The good news is that the superscript tag is working as intended in the latest version of Wordpress.

I checked your code out using the developer tools, but nothing immediately jumped out as problematic, although you do have a lot of technologies affecting the page which could be causing conflicts.

I'd suggest starting with a blank post and using the Wordpress text editor (in place of the visual editor) to create a simple test of the superscript tag to rule out any issues with your version of Wordpress. Once that's completed, I'd then try to reconstruct the problematic paragraph in a test post, where it won't be subjected to all of the potentially conflicting technologies.

It's aggravating when the simple things don't work properly, so I hope this doesn't hold you up for too long.

Good luck with the fix!