hunterdesign1 Posted October 8, 2019 Share Posted October 8, 2019 Hi. Hope you can help. I'm using Polaris template and want to force the headline to be on 2 lines not one. This is in the site style/headline section. I assume I need a bit of custom CSS. Anyone help me please. LINK: https://sunfish-amphibian-f75n.squarespace.com I want 'coming soon' to be on two lines. Thank you in advance Andy Link to comment
colin.irwin Posted October 8, 2019 Share Posted October 8, 2019 Create a hard new line by holding shift and enter So.. 'Coming[shift+enter]Soon If you're looking for a Squarespace Developer, drop me a line. Link to comment
hunterdesign1 Posted October 8, 2019 Author Share Posted October 8, 2019 You can't do that from here.... Link to comment
colin.irwin Posted October 8, 2019 Share Posted October 8, 2019 In that case I would probably have 'Coming' in the headline and 'Soon' styled bold or italic in the Body section and then style the bold/italic text to be the same as Coming and shift it up with a negative margin top. Either that or have Coming Soon as bold/italic (with Shift+Enter) and style that as you want. If you're looking for a Squarespace Developer, drop me a line. Link to comment
hunterdesign1 Posted October 8, 2019 Author Share Posted October 8, 2019 I don't think I can change the font size of 'Soon' if i put it in the body section. Unless it's possible to put html in there? Link to comment
colin.irwin Posted October 8, 2019 Share Posted October 8, 2019 The bold gives it a tag you can use to target it. Then you use custom css to style it. If you're looking for a Squarespace Developer, drop me a line. Link to comment
hunterdesign1 Posted October 8, 2019 Author Share Posted October 8, 2019 17 minutes ago, colin.irwin said: The bold gives it a tag you can use to target it. Then you use custom css to style it. That sounds doable. Apart from my lack of css skills. Thank you very much for your help up to now. Any chance you could post a bit off css that I can apply to the bold, then I can tweak it to suit. Sorry to be a pain. Link to comment
colin.irwin Posted October 8, 2019 Share Posted October 8, 2019 Because it's a cover page the custom css would need be in the cover page's injection point. This means you would need to be on Business subscription or Commerce subscription. Code would be something like <style> .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="body"] p:first-of-type { margin-top: -39px; } .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="body"] p strong { font-family: din-condensed-web; font-size: 120px; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: .98px; line-height: 1em; color: #fff; } </style> If you're looking for a Squarespace Developer, drop me a line. Link to comment
colin.irwin Posted October 8, 2019 Share Posted October 8, 2019 This what I got it looking like using the code above and editing the page source so that it has the structure I mentioned earlier ('SOON' as bold at top of Body text. If you're looking for a Squarespace Developer, drop me a line. Link to comment
hunterdesign1 Posted October 8, 2019 Author Share Posted October 8, 2019 colin.irwin – YOU ARE A LEG END ! Link to comment
colin.irwin Posted October 8, 2019 Share Posted October 8, 2019 4 hours ago, hunterdesign1 said: colin.irwin – YOU ARE A LEG END ! Cheers. Could you like my solution and vote it up, please? If you're looking for a Squarespace Developer, drop me a line. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.