SummerKateDesigns

I need to add a custom google font and use it for the Monospace font only. I have imported the font from google however I cannot find what class the monospace font is set as? Can anyone assist? Site password: crossingborders2023 Code: @import url('https://fonts.googleapis.com/css?family=Marck+Script&display=swap'); pre code { font-family: 'Marck Script', cursive; line-height: 1em; }

Hi there, I have 2 buttons on this page that I want to trigger opening of 2 different sections that I currently have stacked below. Is this possible with css or code injection? Site password: crossingborders2023 Thanks, Summer

@tuanphanThank you, I will purchase that plugin. Once I do install, are you able to help me with the scroll to section part of it? I want to be able to click the link in the left hand side and that will scroll down to that particular section?

@Ziggy I think it must be a corrupt file, I have downloaded a new font and installed it like I did the last font and it seems to be working

@Ziggy I have re-uploaded the font file and tried your code and still getting the same issue. Can see the custom font on my laptop but not on my other devices. Do you know if a TTF font is supported on squarespace? The font was downloaded and purchased through Creative Market so I would have assumed this would be a correct file?

@Ziggy Yes sorry, I thought I added the URL in my post. URL is https://copper-chicory-9r99.squarespace.com/ Sitewide password is in my original post. Here is my css I have used: @font-face { font-family: 'Affinity Alt' !important; src: url(https://static1.squarespace.com/static/64225eb00f41a7069b5e07a7/t/6423aaef68e49f0aa4c27e30/1680059119774/Affinity+All+Caps+Italic.ttf/); } h4 { font-family: 'Affinity Alt' !important; text-transform: none; text-decoration: none; font-size: 75px; letter-spacing: 0; line-height: 1.2em; margin: 0; padding: 0; }

I have added custom fonts to my site using import in the custom css section. The custom fonts show up when I view the site on my laptop (where the custom font files were originally) however if I view on my mobile or iMac, these custom fonts do not show up and revert to a different font? How can I have my custom fonts showing on all devices? Sitewide password: Aliceandalec2023!

@tuanphan Ahh I see, I think I want that this to float between section 1 and 2. I do not want it to be right to the footer. This site is my inspiration and I like it how they have it exactly ~ https://www.ifordesign.co/services.

@tuanphan Do you mean the left block with the text 'What we do'? If so I would like it to be sticky so its visible throughout the entire scroll if possible.

@tuanphan Ahh yes if its going to be too difficult I will do the scroll to section, would you be able to offer any assistance with this for me?

@DigitalKhajaBaba Thank you for the code, for some reason that didn't work? Checkout the URL here ~ https://copper-chicory-9r99.squarespace.com/contact

@creedon Sorry I thought I attached the frontend URL not the backend, I apologise. URL is https://copper-chicory-9r99.squarespace.com/contact and sitewide password is in my original post above.

I would like to have the text block on the left hand side of the page sticky as you scroll down through my enquiry form. I have tried some css that I saw on another person's request for the same but the code didn't work. Can anyone assist? Password: Aliceandalec2023!

I would like to add a custom section on my events page that has a list down the left hand side with links that when you click on each link, it opens up a section with an image and text on the right hand side. Please see screenshot of what I would like it to look like. Please also note inspo website that has a similar idea but instead of the trigger/ pop open style, its a scroll to section which I do not want. https://www.ifordesign.co/services#services-branddesign Thanks, Summer

@catebligh Thankyou, I will check that out. Do you know if you can add the vertical line into a testimonial slider with Elfsight widget?