Craigmcc Posted November 14, 2019 Share Posted November 14, 2019 I'm currently using the Hayden template and wondering if there is code to add my uploaded font to my squarespace banner. I don't want the typical squarespace text style in each banner section, but looking to add my own custom text and possibly adding text animation if at all possible. Here is my website homepage: https://www.mccloskeycoaching.com/ The text on the screen now is on the image itself I created in picmonkey. But is there a way to code the text on the website directly? I have done it everywhere else on my site except for the banner image. Thanks! Link to comment
lu.diehl Posted November 14, 2019 Share Posted November 14, 2019 Hi @Craigmcc, try adding the code below and let me know if it works. .desc-wrapper p{ font-family: "Have Heart Two"; } Link to comment
Craigmcc Posted November 14, 2019 Author Share Posted November 14, 2019 I tested it out in my custom CSS. When I type in text within the banner page description the have heart two font shows up. However, if I bold the text in the page description it does not show up. Link to comment
lu.diehl Posted November 14, 2019 Share Posted November 14, 2019 @Craigmcc it is happening because we are targeting "p" only and not "strong". Try the code below... .desc-wrapper p strong{ font-family: "Have Heart Two"; } Link to comment
Craigmcc Posted November 14, 2019 Author Share Posted November 14, 2019 Thank you!! It worked perfectly! Do you know how to change the size on mobile? I used the normal font-size: to change it on desktop but it is still pretty small on mobile and won't change the size on my iphone. Any suggestions? Link to comment
lu.diehl Posted November 15, 2019 Share Posted November 15, 2019 On 11/14/2019 at 9:59 AM, Craigmcc said: Thank you!! It worked perfectly! Do you know how to change the size on mobile? I used the normal font-size: to change it on desktop but it is still pretty small on mobile and won't change the size on my iphone. Any suggestions? I checked and it seems that you found a solution 🙂 it looks great! Would you mind voting the answer up/liking it? It might help other members as well if they are looking for the same solution. Thank you! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.