tuskofilms Posted December 10, 2021 Share Posted December 10, 2021 (edited) Site URL: https://www.tusko.co.uk/ Hi there, I am trying to work out how to use 2 different font styles in a single sentence whilst maintaining the custom styling for the banner text. You can see the text in the header here:www.tusko.co.uk "We're a full service creative agency". I have custom fonts attributed to h1, h2, h3, h4, h5 and p. I want the 'e' in 'creative' to be styled based on h5, and the rest to stay the same as it is. This is the code I am currently using in a code block over the video banner: <div class= "hero-text-home-wrapper"> <div class="hero-text-home-first"> <span style="font-family:Druk Bold;">WE'RE A</span> </div> <div class="hero-text-home-second"> <span style="font-family:Druk Bold; font-size:1.5em"> FULL SERVICE<br> CREATIVE AGENCY </div> </div> Could someone please advise on how to change a single letter to h5 in this text? Thanks in advance. Edited December 10, 2021 by tuskofilms Link to comment
Beyondspace Posted December 10, 2021 Share Posted December 10, 2021 7 hours ago, tuskofilms said: Site URL: https://www.tusko.co.uk/ Hi there, I am trying to work out how to use 2 different font styles in a single sentence whilst maintaining the custom styling for the banner text. You can see the text in the header here:www.tusko.co.uk "We're a full service creative agency". I have custom fonts attributed to h1, h2, h3, h4, h5 and p. I want the 'e' in 'creative' to be styled based on h5, and the rest to stay the same as it is. This is the code I am currently using in a code block over the video banner: <div class= "hero-text-home-wrapper"> <div class="hero-text-home-first"> <span style="font-family:Druk Bold;">WE'RE A</span> </div> <div class="hero-text-home-second"> <span style="font-family:Druk Bold; font-size:1.5em"> FULL SERVICE<br> CREATIVE AGENCY </div> </div> Could someone please advise on how to change a single letter to h5 in this text? Thanks in advance. Have you tried using code block and wrap your word(s) with a tag like span along with a specific class? The 'normal' we can use h1, h2,h3,h4,h5 and p to wrap them? So we can selector in Css and style it Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you 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