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 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, 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