Jump to content

How do I add in and style Superscript (where I have had to use Div Class in Markdown)

Go to solution Solved by creedon,

Recommended Posts

Hey guys! Hoping you can help, I have a section with Markdown Items which has the 'hover on text and image appears' effect.

I have followed a tute which creates the Div Class inside the Markdown Area, and then style and add animation effects to that Class... What I am wanting to do is add 01,02 etc as superscript next to the wording, but I cannot for the life of me figure it out (and im a bit of a css newb) so hoping you can help.

 

site: https://byaprilco22.squarespace.com/ (p/w: demo)

thank you!

Link to comment
  • Replies 4
  • Views 439
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Try replacing the the sup tag with the following.

<span>01</span>

Then use the following CSS.

.BRANDING a span {

  display : inline-block;
  font-size : 35px;
  transform : translateY( -75% );
  
  }

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.