AprilHardy87 Posted December 30, 2022 Share Posted December 30, 2022 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
creedon Posted December 30, 2022 Share Posted December 30, 2022 It appears you've been able to get the effect going? 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
AprilHardy87 Posted December 30, 2022 Author Share Posted December 30, 2022 Hey Creedon! YEs kinda! I am hoping to style just the subscript though, to be smaller, so around 12px. I cant seem to separate the styling I have already applied to headings 🥲 Link to comment
Solution creedon Posted December 30, 2022 Solution Share Posted December 30, 2022 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
AprilHardy87 Posted December 31, 2022 Author Share Posted December 31, 2022 LEGEND ! Thank you 🙂 creedon 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment