AnaBruma

I do, yes. I've been able to track down that the javascript code snippet for integrating Booqable is the thing that's suddenly making my pages appear like this. <script> var booqableOptions = { company: 'd7b1fc99-bf34-40a1-a2aa-385322ef0a4e' }; </script> <script src="https://d7b1fc99-bf34-40a1-a2aa-385322ef0a4e.assets.booqable.com/v2/booqable.js"></script> I tried deleting all my code to pin point the source of the issue and this is it, apparently. Don't know why this is happening now though, I've had this integration for months and this issue has never happened. Until two days ago everything was fine. I've tried contacting Booqable's support to understand if they did any updates that are now in conflict with anything on my website but I'm still waiting for a reply...

Hey everyone, Today I went back to my website after a couple of days and the whole appearance is different, on every page. I didn't change any code or anything since the last time, the only thing I did the last time was play with the banner slideshow section on my homepage. Everything appears on a smaller column in the middle, my titles were modified, the products appear stretched on a four product column now (which was how they were being displayed)... There's nothing I can change that I know of that changes this. Does anyone know how to help in anyway? Is this a bug or was there some update that somehow messed my whole site up? Again, this is happening on every page of my website. My "Under maintenance" page (which is the only one live) used to appear with the whole background black and text in the middle and now appears as shown in the image attached. https://sailfish-elephant-gna7.squarespace.com/bruma-rental

This is perfect! Thank you so much, @Beyondspace!

It's sorted! The problem was that I was dragging the font file from the zip folder 🤡 It's always the most ridiculous stuff. @Lesum thanks for your help anyway!!

@Lesum just tried .ttf, .otf, .woff and .woff2 and none of them work. I'm leaning towards some kind of issue somewhere else but I have no idea what it might be 😞

@Lesum oh I didn't know it worked with the section + h1. Thanks! But the issue remains. The code does work but the font is still not recognized. It appears as shown in the image below, not what Syne ExtraBold looks like. I'm just wondering why Squarespace doesn't recognize this font.

Hi @Lesum! I did, I used this code: @font-face { font-family: 'Syne-ExtraBold' !important; src: url(https://static1.squarespace.com/static/65f0aae358b34640d8d2a934/t/667b124ac321271b5bc48046/1719341642600/Syne-ExtraBold.woff2); } #yui_3_17_2_1_1719340807295_588, #yui_3_17_2_1_1719340807295_582 { font-family: 'Syne-ExtraBold' !important; } I'm sharing the url of my website so it's easier to see: https://sailfish-elephant-gna7.squarespace.com/film-production-home

Hi, I'm uploading custom fonts to my Custom CSS and I'm having trouble with a specific font - Syne (https://fonts.google.com/specimen/Syne). When I try to add it to my custom files, it doesn't show the correct font but what seems like a standard one? It doesn't seem to recognize the font. I'm sending attached what Syne actually looks like and how it's appearing in Custom Files. I already tried using another custom font and it successfully recognizes it immediately, it's only happening with Syne. Do any of you know why this might be happening? Thanks!

Thanks @tuanphan! I used it but it's still not going to the beginning of the section 😞 I'm leaving the page where I've added the code here: https://sailfish-elephant-gna7.squarespace.com/continuous

Hi! I'm trying to redirect links on my navigation menu to different sections of different pages but it's not redirecting me to the correct section of the page. If I'm already on that page, I can click the links on my menu and go to the section I want but if I'm not on that page it doesn't go to the section it should go. To do this I used code blocks on the section I want my links to link to with this code: <a id="section-name"></a>; Then I added /page-slug/#section-name; so an example would be <a id="flash"></a> on my code block in the "Flash" section of my page and then /continuous/#flash on the URL of the menu link. I used @Ziggy's tutorial (https://squarefortytwo.com/squarespace-guides/adding-anchor-links-on-squarespace) to do this (thank you @Ziggy!) I was wondering if this issue might be related to my Booqable integration and to the loading of the products, because when I click on the page my products don't download immediately, so when I click on the link to go directly to "Flash", for example, it redirects me to another part of the page because the products didn't fully load yet. Does anyone agree that this might be the issue or is there another way to do this? Thanks in advance!

Thank you so much, that worked perfectly! Could you please explain the logic behind that bit of code you added? We really don't know much about css so it'll certainly help us understand a few things in the future 🙂 Thanks again!

Hey everyone. I already managed to get rid of the underline from links easily but now I'm looking to inject a simple code to change the text color when hovering over the link. I've tried referencing the class, anchors and even the whole body. I've also tried changing the text color even without the hover option. For some reason, it doesn't seem to be working. The code I used to test this was <style> a:hover { color: #6768b0 !important; } </style> Am I missing something? Could really use some help. Thanks!