Search the Community

Site URL: https://www.delightedspirit.com I want to prevent ActiveCampaign's site tracking if someone doesn't consent to cookies on my website. I'm following these instructions & I'm now at the last step (#4). I'd like to know if I need to change anything to make it work with Squarespace specifically? Here's their example: // Insert tracking snippet here if (document.cookie.indexOf('accept_cookies') !== -1) { vgo('process', 'allowTracking'); } $('.btn').on('click', function() { var expiration = new Date(new Date().getTime() + 1000 * 60 * 60 * 24 * 30); vgo('process', 'allowTracking'); document.cookie = 'accept_cookies=1; expires=' + expiration + '; path=/'; }); I'm not even sure how to test if I did this correctly.

Site URL: https://wherenext.com I've added custom title logos to several of our landing pages using the code below. This works well, but the custom logo image no longer links back to our home page. It renders without a link. How can I add a link to our custom logo images which refers back to our home page? <style> .logo-image { max-width: 100%; max-height: 145px; content: url("https://static1.squarespace.com/static/59aedca26f4ca3dec3bc4f2a/t/6102fe29600d630b7de80e8d/1627586089573/Colombia_Production_Company.png") !important; } .mobile-logo-image { max-width: 100%; max-height: 124px; content: url("https://static1.squarespace.com/static/59aedca26f4ca3dec3bc4f2a/t/6102fe29600d630b7de80e8d/1627586089573/Colombia_Production_Company.png") !important; </style>

Site URL: https://www.woodstore.fr/ Hello ! I'm looking for a code injection that can work with 7.1 version of squarespace to put a search bar in the header. i've tried many different codes injections but none is working. Sometimes i have a search bar appearing but it's behind the logo on the top left of the screen and i don't remember how i arrived to put it a the right of the header but it doesn't makes any research if i type my keywords inside.. Can anyone help me ? :)

Site URL: http://www.playtekitchen.com This is all great information! Is there a way to adjust the look of the Mobile Menu so that it does not cover the entire screen once clicked?

Site URL: https://www.sekyiwabrooke.com Hey all, I found a method to add a lightbox link but I'm not sure how to get it to work with an <iframe> to embed Youtube videos? I've tried with a regular <video> and that works fine but the <iframe> is blank black. Page - Code Injection Code Block #1 (The Lightbox Info) Code Block #2 (The Link) The video pops up but it's not loading/linking to the Youtube url. I also don't know how to fix the sizing to make the lightbox bigger. Any help would be appreciated! Thanks,

Site URL: https://www.gamesdynamic.net I have a form on a reporting page that is accessed by using the button lightbox feature. I want to be able to control when that form is usable on my site. I am hoping there is some basic code I can inject to make that specific button unclickable, so I don't have to remove the form completely and remake it each time I want to enable/disable it. If there isn't a way to make it unclickable, is there atleast a way to hide it, but retain all the information in the form? The goal is to have a method that allows me to simply toggle the form button on and off but not have to remake the form. Thanks!

Site URL: https://imnotascientist.com I want to make three identical versions of my site, but with completely different aesthetic themes. I currently have this windows 98 theme, and I want to do a minimalist one and one more. I know I can duplicate every single page and re-design them, but I can't seem to duplicate the main template homepage in the screenshot here. There's no option in settings. Is this possible? Also, right now I have a site-wide background color, and injected some code to add icons to the nav links. I'm not sure how I'd be able to do that all in my same one URL domain, is it even possible or would it take like some serious coding?

Site URL: http://www.scandaleusephotography.com Hi there, I am trying to turn the link in my index gallery into a button. I can't seem to find a code that works, would anyone be able to help? (I have stopped the autoplay to make it easier to see) Additionally, I'd like to make it work on all my slides. Is that even an option? Thank you, coding wizards! 🙂

Hi, I've successfully added a custom font to a website but I'm struggling with how / where to add the css code which tracks page views. The font license purchased from Myfonts allows 250,000 views and so I need to enable the counting. Their advice is a bit vague so I'm hoping someone here can help. Am I right in thinking the code I need to add to the header is...? <!-- /** * @license * MyFonts Webfont Build ID 262022 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license from one of MyFonts official sites. * http://www.fonts.com * http://www.myfonts.com * http://www.linotype.com * */ --> <link rel="stylesheet" type="text/css" href="MyFontsWebfontsKit.css">

Site URL: https://buttercup-carnation-s5xg.squarespace.com/ Hi everyone, Would you help me write a css for changing the color of links when on hover? Currently, it changes from black to grey, and I wanted another color, an specific one. If i can also change the color of the intagram icon (not only on hover) i would appreciate it very much! (password: fr) Thanks!

Site URL: https://willinglee.co/ Hi lovely Circle Team! I'm in the middle of rebranding my site and realized this sweet little logo I placed in the Footer, which looks great on desktop, is looking massive on mobile. Does anyone know of a fix to limit the size so it's only the width of the text below it? Thank you for your time!

Site URL: https://shilohdobiedesign.squarespace.com Help!! I've been using some code from @tuanphan to create a loading animation gif when someone enters my site. I've been using my own GIF to load before people get to the home page. It's loading on every new page and when I go back to the home page. Ideally, I would like the loading animation gif to appear only once per viewing session. If anyone can help with the code that would be so appreciated. shilohdobiedesign.squarespace.com password: sddesign Code I'm using currently: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <style> .logoload { /* SET BACKGROUND COLOR */ background-color: #000; /* SET BACKGROUND SIZE */ background-size: 900px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-position: center; background-repeat: no-repeat; background-image: url("https://static1.squarespace.com/static/615511949ed8082b26e26898/t/61627c55e182b11f3f0eab7e/1633844315598/SD2.gif"); } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(1900).fadeOut(1800); }) </script>

Site URL: http://www.saladishy.squarespace.com Hi Guys! @tuanphan I found your code online for loading page image which is working great - THANK YOU! Is there anyway I can have it so that the screen is black at first, the logo fades in, and then fades out as currently is? Appreciate any help. Thanks

Site URL: https://www.kevinthomasfilm.com/commercials/amazon Hi, I have multiple videos on the website, all hosted by Vimeo as what I know Squarespace doesn't allow you to upload videos directly to the website? Is there a way to remove the Vimeo opening navigator links as well as the end frame 'more from vimeo' ?? So it would look like the video is actually hosted on the website? See screenshots attached. Here's an example page: https://www.kevinthomasfilm.com/commercials/amazon PASSWORD: KTF Thank you!

Site URL: https://www.laurenschlansky.com/events Hey all, having an issue with my menu. I want my menu to be a certain color on 2 specific pages, Testimonials and Events. I've inputted the code into the page header, but it's not showing up. This is what I inputted, but it's also not even letting me delete the script in the page header code injection. It's the last piece that is holding me back from launching the site. Any help is appreciated! <style> .header-nav * { color: #decbdf !important; } <style> .header-annoucement-bar-wrapper { background-color: #354f51 }

Site URL: https://www.thisissatsuki.com/about-1 Hi, I want my text to be wider so it's a little less skinnier and easier to read. I'm using the Horizon template. Is there any code out there make this wider? Thanks

Site URL: https://www.greenlightinsurance.co.uk/new-page I have a chat widget on the page https://www.greenlightinsurance.co.uk/new-page, it is always in the bottom right hand corner but is being covered by sections so you only find it when you scroll to the bottom. I have reached out to the widget developer but I wondered if there is a fix I can apply? The widget is adding using a code injection, I have only added it to this page for testing. Any help greatly appreciated.

Site URL: https://lakerenfaire.com/virtual-faire-invite Good Evening Squarespacers! I am working on a gradient overlay for a grid summary block and have successful positioned the Title and Excerpt over the images in the summary block. I cannot seem to get them to display on hover, however, and the website only displays the gradient and transition, but not the text. I feel like this is close but I am missing something. Here is my code: <!-- Rollover Image Effect --> <style> .summary-item img{position: relative; transition: all .5s ease!important;} .summary-content { position: absolute; color: #ffffff !important; top: 50%; left: 50%; opacity: 0; pointer-events: none; transition: all .5s ease; transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);} .summary-title, .summary-metadata-primary, .summary-metadata-secondary, .summary-excerpt {color: #fffff !important;} .summary-item:hover img{-webkit-filter: brightness(50%); filter: brightness(50%);} .summary-content:hover {opacity: 1 !important;} </style>

I want to make an ad posting website automate the classified ads and they will shown on community ads page after admin approval just like : ilovecreatives.com but i cant able to find the best extension or third party application for this !!! I have tried it to make it by membership works but Can't get the desired output. As It as its basic template to show it listings and filters. I just need a similar website like ilovecreatives.com kindly help me . to find the best solution for this.

Site URL: https://www.frymestudios.com I'd like to add some code to my website , primarily a pricing table that will load quickly and easily on both iphone and android phones. Do you guys have any recommendations for 3rd party coding sites that will provide me with code and I simply drop the code into a code block on squarespace?

Site URL: https://animausa.com/buckythebucktooth I have a site where I have grid gallery images on my pages, and I'm trying to code it where the grid gallery under the "merch" section is greyed out. Only the specific grid gallery images under the "merch" section, not the other gallery images. How would I go about doing this? The website is animausa.com/buckythebucktooth

Site URL: https://www.michaelheffernan.com Dear forum members, I want to change the opacity of the background in Lightbox mode to zero when viewing galley images. The default mode always shows the website menue in the background. In Lightbox mode I want the images to appear on 100% white white background, no background transparency. I have no experience with CSS so if there are any suggestions then please tell me where I should put the code!

Site URL: https://bgbodygoals.com/boot-camp Hi I’m having problem adding 3 Paypal Buttons (each is a different price option) to a page on a site. I’m making a website for a client (it is set up to a Business Plan). We/she have connected the site to her PayPal account. She has sent me 3 separate pieces of code for 3 different price levels of her service (personal fitness training). However hard I try though, In her Payment/booking section I can only get ONE of the 3 code blocks to show a PayPal button. I've found that if I remove any 2, the remaining one then appears. I’ve also found that I CAN get all 3 of the prices onto the site.... but only as long as they're on separate Index pages(!) - but I can't seem to get 3 to show on the same page. I MUST be doing something wrong somewhere. I've tried searching every forum thread, Googling etc but I cannot find anybody with a similar problem and there's no mention of "multiple Paypal button" issues on the SqSpace website. Can you tell me where I'm going wrong? I’ve asked a Squarespace technician on the Live Chat, but it has stumped them too, and they’ve pointed me here. (There is also a suggestion that it may be a PayPal problem…) Thank you.

Good day! I have tried both variations of strings via injection through a Code Block on a fresh page, using HTML as the default. Any sense as to what I may be doing wrong? I've tried both of the below and can't get the component to load. <script type="text/javascript" src="http://www.practicalmoneyskills.com/assets/js/calcs/embed.js" data-calc="credit_card_payoff" data-locale="us_en"></script> and <style><script type="text/javascript" src="http://www.practicalmoneyskills.com/assets/js/calcs/embed.js" data-calc="credit_card_payoff" data-locale="us_en"></script></style> Thanks!

Site URL: https://beersupply.ca/nbf/tasty-nickelbrook-august-2021 I'm looking for the code for image cards. i'm active so often with making new posts that I ideally just want to enter the code that would be to make an image card into the coding box. i generate my own text and info that i'd want to plug into that image card without having to make a new image card every single time. can anyone help with this? I look at this one for an example which is #block-yui_3_17_2_1_1628285269767_20362 on https://beersupply.ca/nbf/tasty-nickelbrook-august-2021 I'd like to re-create this in a CODE box. Please help. Ideally as an example i'd like to recreate the above block-yui but plug the below span, etc into this custom image card box. <span style="font-size:18px"><strong>Mocha Machine</strong></span><br /><span style="color:#000000"><span font-size:13px>Beachwood Brewing & Blendery</span><br /><span style="font-size:12px"><em>9.20% - Imperial Coffee Chocolate Porter </em></span><br /><br /><span style="font-size:11px">Mocha Machine is a well-engineered endeavor in massive aromatics and rich flavors. Brewed with an array British and German malts, this burly brew is infused with masterfully roasted coffee from Portola Coffee Lab in Costa Mesa, CA. It is then aged on cacao nibs from Equador, adding an awesomely deep dimension of fudge.</span><br /><br /><span style="font-size:10px"><strong>Characteristics: </strong>Coffee, Mocha, Creamy, Nuts, Dark Fruits, Chocolate, Fudge, Roasty, Dark</span><br /><br /><span style="font-size:10px">SKU 108676 - 24(1 X 0.354 L) - $4.75<br />Shipped from Container World</span> This is the div code for the image card at the aforementioned #block-yui_3_17_2_1_1628285269767_20362 on https://beersupply.ca/nbf/tasty-nickelbrook-august-2021 <div id="block-yui_3_17_2_1_1628285269767_20362" class="yui3-widget yui3-block-base yui3-block-parent-base sqs-block-image yui3-block-image-base yui3-block-image sqs-block image-block sqs-block-editable yui3-dd-drop yui3-block-image-focused sqs-block-focused sqs-block-editing sqs-edit-dialog-open" aria-labelledby="yui_3_17_2_1_1633652808718_8423"><div class="sqs-layout-insert-point-container"><div class="sqs-prevent-block-focus-change sqs-layout-insert-point sqs-layout-insert-point-type-block sqs-layout-insert-point-position-top"><button class="sqs-layout-insert-point-button" data-test="insert-point-trigger"><span class="insert-point-icon"></span></button><span class="sqs-layout-insert-point-line"></span></div><div class="sqs-prevent-block-focus-change sqs-layout-insert-point sqs-layout-insert-point-type-block sqs-layout-insert-point-position-bottom sqs-layout-insert-point-topmost"><button class="sqs-layout-insert-point-button" data-test="insert-point-trigger"><span class="insert-point-icon"></span></button><span class="sqs-layout-insert-point-line"></span></div></div><div id="yui_3_17_2_1_1633652808718_992" class="yui3-block-image-content sqs-block-content image-block-outer-wrapper layout-caption-below design-layout-card image-position-right image-block-v2 sqs-text-ready" data-scrolled="true"><div id="yui_3_17_2_1_1633652808718_21332"><div id="yui_3_17_2_1_1633652808718_1031" class="yui3-widget sqs-image stretch sqs-intrinsic intrinsic yui3-resize" style="overflow: hidden; transform: translate3d(0px, 0px, 0px); max-width: 500px;"><div id="yui_3_17_2_1_1633652808718_1033" class="sqs-image-content" style="padding-bottom: 100%;"><img style="cursor: auto; object-position: 50% 50%; object-fit: cover;" data-image-focal-point="0.5,0.5" data-parent-ratio="1.0" class="" data-image-resolution="500w" src="https://images.squarespace-cdn.com/content/v1/5f838db03f116375541aae8f/1628285409210-JO79PCU53HONTKECV1WE/tongue+tied+on+white.png?format=500w"><div class="sqs-editing-overlay"></div></div></div></div><div class="image-card-wrapper sqs-image-card image-block-animation-text" id="yui_3_17_2_1_1633652808718_19036"><div class="image-card sqs-dynamic-text-container" id="yui_3_17_2_1_1633652808718_19035"><div id="yui_3_17_2_1_1633652808718_1123" class="sqs-dd-invalid-handle yui3-widget sqs-html image-title-wrapper sqs-editing"><div class="yui3-widget sqs-widget sqs-rte yui3-texteditorrosetta yui3-texteditorrosetta-content ProseMirror rte sqs-html-content image-title sqs-dynamic-text" contenteditable="true" data-width-percentage="42.4" style="font-size: 42.4%;"><h1 style="white-space:pre-wrap;"><strong><em>NICKEL BROOK BREWING </em></strong>Tongue Tied</h1></div></div><div id="yui_3_17_2_1_1633652808718_1157" class="sqs-dd-invalid-handle yui3-widget sqs-html image-subtitle-wrapper sqs-editing"><div class="yui3-widget sqs-widget sqs-rte yui3-texteditorrosetta yui3-texteditorrosetta-content ProseMirror rte sqs-html-content image-subtitle sqs-dynamic-text" contenteditable="true" data-width-percentage="42.4" style="font-size: 42.4%;"><p class="" style="white-space:pre-wrap;"><strong>5.60% - Juicy Double Dry-Hopped IPA</strong></p><p class="" style="white-space:pre-wrap;">This brew is sure to tie your taste buds up in knots thanks to mouth-watering notes of papaya and pineapple. Tongue Tied is a bright and juicy IPA with a soft kiss of stone fruit on the finish.</p><p class="sqsrte-large" style="white-space:pre-wrap;"><strong>Characteristics:</strong></p><p class="" style="white-space:pre-wrap;">Bright, Juicy, Stone Fruit, Citrus, Papaya, Pineapple</p><p class="sqsrte-large" style="white-space:pre-wrap;"><strong>Find at:</strong></p><p class="" style="white-space:pre-wrap;">NEW BEER - <a href="mailto:office@Beersupply.ca"><strong>REQUEST IT BY EMAILING US</strong></a></p></div></div><div class="image-button-wrapper" id="yui_3_17_2_1_1633652808718_19040" style="display: none;"><div class="image-button sqs-dynamic-text" data-width-percentage="0" id="yui_3_17_2_1_1633652808718_19039" style="font-size: 0%;"><div class="image-button-inner" id="yui_3_17_2_1_1633652808718_19038"><a id="yui_3_17_2_1_1633652808718_19037"><div id="yui_3_17_2_1_1633652808718_1195" class="sqs-dd-invalid-handle yui3-widget sqs-html sqs-empty sqs-editing"><div class="yui3-widget sqs-widget sqs-rte yui3-texteditorrosetta yui3-texteditorrosetta-content ProseMirror rte sqs-html-content" contenteditable="true"><span class="rte-placeholder ProseMirror-widget" data-placeholder="Add text" contenteditable="false"></span><br></div></div></a></div></div></div></div></div><div id="yui_3_17_2_1_1633652808718_1107" class="sqs-dd-invalid-handle image-caption-wrapper sqs-image-caption yui3-widget sqs-html sqs-empty sqs-editing" style="max-width: 500px;"><div class="yui3-widget sqs-widget sqs-rte yui3-texteditorrosetta yui3-texteditorrosetta-content ProseMirror rte image-caption sqs-html-content" contenteditable="true"><p class="rte-placeholder" data-rte-preserve-empty="true" style="white-space:pre-wrap;" data-placeholder="Add an image description"><br></p></div></div></div><div class="sqs-block-outline" id="yui_3_17_2_1_1633652808718_18540"></div><span data-test="block-label" class="sqs-block-label-tag" id="yui_3_17_2_1_1633652808718_8423">Image</span><div id="yui_3_17_2_1_1633652808718_8440" class="yui3-widget sqs-widget sqs-block-editor-button-container" role="toolbar"><div id="yui_3_17_2_1_1633652808718_8442" class="sqs-block-editor-button-container-content" data-test="block-toolbar"><div id="yui_3_17_2_1_1633652808718_8456" class="yui3-widget sqs-widget sqs-label"><div id="yui_3_17_2_1_1633652808718_8458" class="sqs-label-content">Image</div></div><div id="yui_3_17_2_1_1633652808718_8486" class="yui3-widget sqs-widget sqs-data-widget sqs-dialog-field sqs-button-vanilla normal-button data-state-loaded sqs-dialog-button--edit" data-test="button" title="Edit" role="button" tabindex="0"><div id="yui_3_17_2_1_1633652808718_8488" class="sqs-button-vanilla-content active"><div class="label">Edit</div><div class="waiting" hidden="hidden" style="display: none;"></div></div></div><div id="yui_3_17_2_1_1633652808718_8520" class="yui3-widget sqs-widget sqs-data-widget sqs-dialog-field sqs-button-vanilla normal-button data-state-loaded sqs-dialog-button--remove" data-test="button" title="Remove" role="button" tabindex="0"><div id="yui_3_17_2_1_1633652808718_8522" class="sqs-button-vanilla-content active"><div class="label">Remove</div><div class="waiting" hidden="hidden" style="display: none;"></div></div></div><div class="sqs-dialog-field sqs-button-vanilla normal-button data-state-loaded Class-button-wrapper" title="Class" style="width: auto;"><div class="sqs-button-vanilla-content addClass-button active" data-action="addClass" data-not-block="-1"><div class="label" style="line-height:36px;color:#000!important;padding:0 10px" data-not-block="-1" data-action="addClass">Classes</div></div></div></div></div><div class="yui3-resize-handles-wrapper"><div class="yui3-resize-handle yui3-resize-handle-b"><div class="yui3-resize-handle-inner yui3-resize-handle-inner-b">&nbsp;</div></div></div></div>