Search the Community

Site URL: https://mandarin-circle-ndlm.squarespace.com/legal-information Hi all, Sure this is a simple fix but, honestly, my brain is toast and can't for the life of me figure it out. I've added hyperlink to PDFs on two pages of site. While the hover hyperlink line is showing in black the text is showing as white, so you can't see it! Example is on 'LEGAL' under first Q 'Supporting vulnerable customers' at the end of last line of second para. You can just (barely) see 'clicking here' in white! There's 'markdown' CSS injected for expanding Q&A but can't see anything in that code that would override it. Any help greatly appreciated. Site: https://mandarin-circle-ndlm.squarespace.com/legal-information P: 28tyde21LER07!

Site URL: http://www.southernsunevents.com http://www.southernsunevents.com PW: sse2020 My home page has the logo featured on the banner image and the traditional logo spot hidden via css. I've got my nav links spaced apart as I want them like this: I want the typical top center logo for the rest of my pages but it's knocking down my nav links because they are too big based on how I've set them for the home page layout. Is there a way to customize the nav links just for the index page and have everything standard for the rest of my pages? Thanks!

Site URL: https://orchid-flute-gfwg.squarespace.com/ Hi all, Can anyone help me with my coding? I'm pretty sure everything is correct, and it shows up fine on the mobile via Squarespace but on my phone, the custom fonts aren't showing up at all. I'm on an iPhone 8 Plus on Safari. Code // Custom Font // @font-face { font-family: Druk; src: url(https://static1.squarespace.com/static/60d78e5b5e66bd5756e06a22/t/60d79feed113772d538dfa60/1624743919175/Druk+Wide+Super.otf); } @font-face { font-family: Euclid; src: url(https://static1.squarespace.com/static/60d78e5b5e66bd5756e06a22/t/60d7a016d2d2442e68e90958/1624743958321/EuclidCircularA-Regular.ttf); } @font-face { font-family: Oaklinn; src: url(https://static1.squarespace.com/static/60d78e5b5e66bd5756e06a22/t/60d7a0fa2b37c143c11961f9/1624744186366/Oaklinn.otf); } // Custom Fonts Implement // p {font-family: Euclid;} h1 {font-family: Druk;} h2 {font-family: Euclid;} h3 {font-family: Druk;} h4 {font-family: Oaklinn;} h5 {font-family: Euclid;} button {font-family: Druk; font-size: 10px !important;} .sqs-block-button-element {font-family: Druk; font-size: 10px !important;} h3.portfolio-title { font-family: Druk !important; color: white !important; font-size: 15px !important; } .mobile-bar-wrapper *, h1 { font-family: Druk !important; } Any help would be appreciated!

Hello All, I am working on a number guessing python project and I want to know the sample code of this project. Basically this project to guess the number after getting a few hints from the computer. So, the system will generate a number from 0 to 200 and ask the user to guess it after a clue. Every time a user gives a wrong answer, another hint pops up to make it easier for them. I have checked one source code from here and want to know this code size is good? import random #bring in the random number import time number=random.randint(1, 200) #pick the number between 1 and 200 def intro(): print("May I ask you for your name?") name=input() #asks for the name print(name + ", we are going to play a game. I am thinking of a number between 1 and 200") time.sleep(.5) print("Go ahead. Guess!") def pick(): guessesTaken = 0 while guessesTaken < 6: #if the number of guesses is less than 6 time.sleep(.25) enter=input("Guess: ") #inserts the place to enter guess try: #check if a number was entered guess = int(enter) #stores the guess as an integer instead of a string if guess<=200 and guess>=1: #if they are in range guessesTaken=guessesTaken+1 #adds one guess each time the player is wrong if guessesTaken<6: if guess<number: print("The guess of the number that you have entered is too low") if guess>number: print("The guess of the number that you have entered is too high") if guess != number: time.sleep(.5) print("Try Again!") if guess==number: break #if the guess is right, then we are going to jump out of the while block if guess>200 or guess<1: #if they aren't in the range print("Silly Goose! That number isn't in the range!") time.sleep(.25) print("Please enter a number between 1 and 200") except: #if a number wasn't entered print("I don't think that "+enter+" is a number. Sorry") if guess == number: guessesTaken = str(guessesTaken) print('Good job, ' + name + '! You guessed my number in ' + guessesTaken + ' guesses!') if guess != number: print('Nope. The number I was thinking of was ' + str(number)) playagain="yes" while playagain=="yes" or playagain=="y" or playagain=="Yes": intro() pick() print("Do you want to play again?") playagain=input()

Site URL: https://www.bryanwilsonmusic.com/nft I am trying to embed this page: https://opensea.io/collection/boomdice-higherground To my Squarespace page here: https://www.bryanwilsonmusic.com/nft According to the third party website instructions here: https://docs.opensea.io/docs/embeds it seems simple enough for someone without code knowledge. But it displays on my page as non-functional bare bones when I follow that. Also in a tiny box that I can navigate with but I don't know to make it larger. The code according to the instructions would be this: <iframe src='https://opensea.io/collection/boomdice-higherground?embed=true' width='100%' height='100%' frameborder='0' allowfullscreen></iframe> Am I missing something? Do I need to upgrade from a personal plan to a business plan to make this functional? Any help would be great as I have spent about 5 hours on it and Squarespace say they can't help because it is third party "custom code". Thank you.

Site URL: http://uplan.io Hi everyone, I have been trying to make a number counter with a codeblock to show our page's visitors how many "app users" and "project made" we currently have. The problem I ran into is that when I put a background picture, for example a darkish blue, the number turns black all the time. I checked the coding and it says that it is white, but it displays black. Can someone please help with a code or another solution? Of course a mobile compatible would be great. I used a jquery number counter coding and I would be thankful for the help. Here is the coding: <h1>JQUERY NUMBER ANIMATION</h1> <h3>jQuery counter to count up to a target number</h3> <div class="wrapper"> <div class="counter col_fourth"> <i class="fa fa-code fa-2x"></i> <h2 class="timer count-title count-number" data-to="300" data-speed="1500"></h2> <p class="count-text ">SomeText GoesHere</p> </div> <div class="counter col_fourth"> <i class="fa fa-coffee fa-2x"></i> <h2 class="timer count-title count-number" data-to="1700" data-speed="1500"></h2> <p class="count-text ">SomeText GoesHere</p> </div> <div class="counter col_fourth"> <i class="fa fa-lightbulb-o fa-2x"></i> <h2 class="timer count-title count-number" data-to="11900" data-speed="1500"></h2> <p class="count-text ">SomeText GoesHere</p> </div> <div class="counter col_fourth end"> <i class="fa fa-bug fa-2x"></i> <h2 class="timer count-title count-number" data-to="157" data-speed="1500"></h2> <p class="count-text ">SomeText GoesHere</p> </div> </div> <style> .col_half { width: 49%; } .col_third { width: 32%; } .col_fourth { width: 23.5%; } .col_fifth { width: 18.4%; } .col_sixth { width: 15%; } .col_three_fourth { width: 74.5%;} .col_twothird{ width: 66%;} .col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth{ position: relative; display:inline; display: inline-block; float: left; margin-right: 2%; margin-bottom: 20px; } .end { margin-right: 0 !important; } /* Column Grids End */ .wrapper { width: 980px; margin: 30px auto; position: relative;} .counter { background-color: #ffffff; padding: 20px 0; border-radius: 5px;} .count-title { font-size: 40px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; } .count-text { font-size: 13px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; } .fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> (function ($) { $.fn.countTo = function (options) { options = options || {}; return $(this).each(function () { // set options for current element var settings = $.extend({}, $.fn.countTo.defaults, { from: $(this).data('from'), to: $(this).data('to'), speed: $(this).data('speed'), refreshInterval: $(this).data('refresh-interval'), decimals: $(this).data('decimals') }, options); // how many times to update the value, and how much to increment the value on each update var loops = Math.ceil(settings.speed / settings.refreshInterval), increment = (settings.to - settings.from) / loops; // references & variables that will change with each update var self = this, $self = $(this), loopCount = 0, value = settings.from, data = $self.data('countTo') || {}; $self.data('countTo', data); // if an existing interval can be found, clear it first if (data.interval) { clearInterval(data.interval); } data.interval = setInterval(updateTimer, settings.refreshInterval); // initialize the element with the starting value render(value); function updateTimer() { value += increment; loopCount++; render(value); if (typeof(settings.onUpdate) == 'function') { settings.onUpdate.call(self, value); } if (loopCount >= loops) { // remove the interval $self.removeData('countTo'); clearInterval(data.interval); value = settings.to; if (typeof(settings.onComplete) == 'function') { settings.onComplete.call(self, value); } } } function render(value) { var formattedValue = settings.formatter.call(self, value, settings); $self.html(formattedValue); } }); }; $.fn.countTo.defaults = { from: 0, // the number the element should start at to: 0, // the number the element should end at speed: 1000, // how long it should take to count between the target numbers refreshInterval: 100, // how often the element should be updated decimals: 0, // the number of decimal places to show formatter: formatter, // handler for formatting the value before rendering onUpdate: null, // callback method for every time the element is updated onComplete: null // callback method for when the element finishes updating }; function formatter(value, settings) { return value.toFixed(settings.decimals); } }(jQuery)); jQuery(function ($) { // custom formatting example $('.count-number').data('countToOptions', { formatter: function (value, options) { return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ','); } }); // start all the timers $('.timer').each(count); function count(options) { var $this = $(this); options = $.extend({}, options || {}, $this.data('countToOptions') || {}); $this.countTo(options); } }); </script>

Site URL: http://www.welovecheese.org Hi, I would like to add a 'basket total' on the header of my website next to the cart option. This total would be the amount all of the products add up to and therefore would increase with the more items in the basket. This is such common place on lots of websites but squarespace do not offer it. I was wondering if there was a code I could add to achieve this? I have added an example from the tesco website just as a guide. Any help would be greatly appreciated! Thank you. 😀

Site URL: https://hideawaycoaching.com Hi everyone, I hope whoever reads this is doing well. I'm wanting to show the CTA for my site, which is currently in the mobile navigation, in the center of the header. I can get it to show using the code below, but I can't seem to make it align into the center. Thank you so much in advance for any help. Code @media screen and (max-width:767px) { .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; } .header-title-nav-wrapper { flex: 50% !important; } }

Site URL: https://www.sarahbucklandcoaching.com/sfsa Hi! Password is: sbc (this section is at the bottom) Using flexbox for the 3 boxes here, but is it possible to make the buttons align to the center of the bottom border of the box? Like in this image: Thanks

Site URL: https://www.foxyardstudio.co.uk/ I'm trying to change the menu bar font and sub heading fonts to a custom created one, i've somehow managed to get it working for the main headings but don't know what to do about changing the menu bar - i had a look at other peoples help pages and create the code from line 9 onwards but it hasn't done anything is there anyone who could help?

Site URL: https://www.archiesofcheltenham.co.uk I've tried a few different coding options but can't get the banner on our home screen to show landscape on mobile view, instead it crops it to portrait. Thanks

i have a custom template where i would like to include a content block from another page and reuse this content block multiple times. I tried using squarespace:query tag however in the json loaded i dont see any content. for example the code would look similar to this mainpage.region <div> <squarespace:query collection="page-1"> <!-- get content from page 1 --> </squarespace:query> </div> <div> <squarespace:query collection="page-2"> <!-- get content from page 2 --> </squarespace:query> </div> <div> <squarespace:query collection="page-1"> <!-- get content from page 1 again --> </squarespace:query> </div> How can i accomplish this?

Site URL: http://rasool.vc/the-club-of-alchemists I want to disable clickthrough on the Location, and Tag metadata properties in the Summary block? My website is www.rasool.vc/the-club-of-alchemists If you notice there, I am using "Online" in the Location metadata, which does not really benefit from a click. And frequency of the program with the Tag metadata. How can I disable clicking through these? Thank you.

I'm trying to add something similar to what's in the attached image to my site but I'm not sure if it's a Carousel block, a Summary block, or something else. I don't know much about CSS or how to customize it so I'm not sure where to start. Anyone have any idea how to achieve this?

Site URL: https://www.meganpay.com/ Hello! I have added a custom font to my website through custom CSS. It has made the changes on the desktop version but doesn't mobile (I tried on both IOS/Android). Any suggestions? Below is a screenshot of code I've inputted. Please let me know if I have done it incorrectly.

Site URL: https://goose-owl-jp53.squarespace.com/home-search I have this code that I used to embed on my Squarespace site: <iframe name="HomeSearch" src="https://mc931.yourkwoffice.com/search?viewport=37.27993217450236%2C-121.91691990441893%2C37.22138125060053%2C-122.00807209558104&zoom=14" width="100%" height="1200px" frameborder="0" scrolling="auto" class="frame-area"> </iframe> As you can see below, when I'm in editor the IDX feed shows up perfectly. When I exit editor, and go to the public site I get the error and the map doesn't show up. What am I missing?

Site URL: https://edume.com I'm seeing hundreds of errors for structured data across our site. Google is telling me there is an issue with the Structured Data Type: Local business, because it's missing the field “name”, therefore ’Not all markup is eligible for rich results’. I'm pretty sure that the error lies in this section of the HTML: <script type="application/ld+json">{"image":"https://static1.squarespace.com/static/5dd67d2aaec74929770fe3cd/t/5f22d3f925594f27b8e21b8e/1605178318421/","openingHours":"Mo 09:00-17:30, Tu 09:00-17:30, We 09:00-17:30, Th 09:00-17:30, Fr 09:00-17:30, , ","@context":"http://schema.org","@type":"LocalBusiness"}</script> The markup (schema) is only mentioning an image, opening hours, and a type ‘LocalBusiness’, without the “name” of the business field (ie EduMe) therefore Google isn't accepting the code and won’t use it for their Local Business structured data results. I found more information on this here: https://developers.google.com/search/docs/data-types/local-business Our business name is filled in within our Marketing > Location Management panel AND Settings > Business Information. Is there a way for Squarespace to fix this code to include our business name? Thanks.

Site URL: http://digitaljune.co Hi there, I need some help! I am noticing a white bar on the bottom of the screen when on my phone. I can't seem to find the code causing it. Here is my css for the page- hopefully someone can help! Thank you!! //SITEWIDE// /*MARGINS*/ /*REMOVE HYPHENS */ p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } /*END REMOVE HYPHENS*/ /*MEDIA SCREEN SIZE FONTS */ @media only screen and (max-width: 640px) {h1 {font-size:1.75rem!important}} @media only screen and (max-width: 640px) {h3 {font-size:1.2rem!important}} @media only screen and (max-width: 640px) {h2 {font-size:1.25rem!important}} @media only screen and (max-width: 640px) {p {font-size:.85rem!important}} @media only screen and (min-width: 640px) {p {font-size:.8rem!important}} @media only screen and (min-width: 640px) {h2 {font-size:1.6rem!important}} /*END FONT SIZING*/ //END SITEWIDE// //WELCOME// .collection-type-index #welcome {background: #ffffff} /*CENTER CONTENT*/ @media screen and (min-width: 640px) { #welcome .sqs-row { display: flex; align-items: center; box-sizing: border-box; justify-content: center; }} #welcome {.Index-page-content { padding-bottom: 20px; }} //END WELCOME// //WHAT WE DO// .collection-type-index #what-we-do {background: #ffffff} #what-we-do { .sqs-row {display:block; margin:0 auto; justify-content:center; .sqs-block-content { border: 1px solid #000000;}} } .image-title p {font-size:28px!important } #what-we-do {.Index-page-content { padding-top: 20px; }} //END WHAT WE DO// //MEET SKYLAR// /*CENTER CONTENT*/ @media screen and (min-width: 640px) { #meet-skylar .sqs-row { display: flex; align-items: center; box-sizing: border-box; justify-content: center; .image-block-outer-wrapper { border: 1px solid #000000;}} } .collection-type-index #meet-skylar {background: #2C3A2F} #meet-skylar p, #meet-skylar h1, #meet-skylar h3, { color: #ffffff} //END SKYLAR// //CLIENT KUDOS// #client-testimonies { .Index-page-content { padding-top: 30px; padding-bottom: 30px; border: 1px solid #000000;}} //END CLIENT KUDOS// //SERVICES PAGE// //BRAND EXPERIENCE// #brand-experience {background: #ffffff;} //END BRAND EXPERIENCE// //READY TO WORK// #ready-to-work .sqs-row {margin-right:90px; margin-left:90px;} #ready-to-work {border: 1px solid #000000;} /*responsive*/ @media only screen and (max-width:900px) { #ready-to-work .Index-page-content {margin-right:-150px!important; margin-left:-150px!important; }} @media only screen and (max-width:900px) { #block-yui_3_17_2_1_1624918466613_23255 h1 {font-size:1.8rem!important; margin-right:60px; margin-left:60px;}} //END READY TO WORK// //PROCESS// .collection-type-index #the-process {background: #2C3A2F;} #the-process p, #the-process h1, #the-process h3, #the-process h2,{ color: #ffffff} @media only screen and (max-width: 680px) {#block-yui_3_17_2_1_1625774643009_12101, #block-yui_3_17_2_1_1625790998915_7975, #block-yui_3_17_2_1_1625774643009_23288,#block-yui_3_17_2_1_1625774643009_25877 { display: inline-block; margin-left: 0em;} } //END PROCESS// //SERVICES CTA// #services-contact { .Index-page-content { border: 1px solid #000000;}} #block-yui_3_17_2_1_1624941747867_2169 h1, #block-yui_3_17_2_1_1624941747867_2169 P { color: #ffffff !important; } //END SERVICES CTA// //ADDITIONAL SERVICES// @media only screen and (max-width: 680px){ #block-e0d515e543578b6755fd{ margin-top:10px} } @media only screen and (max-width: 680px){ #block-c98786ccd739fed358d1 { margin-top:40px} } //END ADDITIONAL SERVICES// //CONTACT PAGE// #contact {background: #ffffff;} #faq {background:#2C3A2F} #faq p, #faq h1, #faq h3, { color: #ffffff} //END CONTACT PAGE// //FOOTERS// #block-yui_3_17_2_1_1625761320618_13523 .vertical-line { align-items:center; width:1px; height: 200px; background: black; position:middle; } @media only screen and (min-width: 740px) { #footerBlocksTop .sqs-row { display: flex; align-items: center; box-sizing: border-box; justify-content: center; } } //center vertical mobile// @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1625761320618_13523 { display: none; } } @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1625779615117_55394, #block-yui_3_17_2_1_1625779615117_53182, { display:column; text-align:center;}} //center tablet and bigger// @media only screen and (min-width: 740px) { #footerBlocksTop { margin-right: -10px; margin-left: -10px; } } //text mobile// @media only screen and (max-width: 800px){ #block-yui_3_17_2_1_1625758746822_50841, { h3 {font-size:1rem!important}}} //mobile & tablet links// @media only screen and (max-width: 1000px){ #block-yui_3_17_2_1_1625779615117_53182, #block-yui_3_17_2_1_1625779615117_55394 { h3 {font-size:1rem!important;}}} //text tablet// @media only screen and (min-width: 640px){ #block-yui_3_17_2_1_1625758746822_50841{ h3 {font-size:1.25rem!important}}} #block-yui_3_17_2_1_1625758746822_50841 h3 {font-size:24px; } /*bring links closer and apart*/ #block-yui_3_17_2_1_1625779615117_55394 { margin-top: -15px;} #block-yui_3_17_2_1_1625779615117_53182 { margin-top: -15px;} #block-yui_3_17_2_1_1625758746822_50841{ margin-top:10px; } /*hide footers*/ #footerBlocksMiddle { display: none!important; } #footerBlocksBottom { display: none!important; } /*remove underline link*/ #footerBlocksTop a { border-bottom:none!important; } /*BORDER*/ .Footer {border: 1px solid #000000;} //END FOOTER//

Hi there, I was wondering if anybody knows how to create a split/ custom tab? I would like it to have side by side blocks and when someone clicks on the tab link on the right a different text shows on the left.

Site URL: https://www.swingsandwings.com/summer-camps-2021 We offer summer camps for kids as service items from our Commerce platform. Each camp sign-up requires parents to complete an intake form (kids name, age, parent's contact info, etc). We do not want parents to add multiple summer camps simply by changing the quantity from 1 to 2 in the cart nor checkout; if they want to enroll multiple kids into the same camp, they have to add the camp to the cart multiple times, each time filling out the intake form. We offer a promo for multiple camps booked on the same order, so the Express Checkout option does not work for us. To enforce the above, we have disabled the option 'Let Customers Buy Multiple Service Products'. However, we are then unable to show the number of available slots for each camp. We've tried enabling the 'Limited Availability' label, but apparently Squarespace suppresses this if you disable the option to 'Let Customers Buy Multiple Service Products'. If I enable 'Let Customers Buy Multiple Service Products', the number of available slots does show up as desired, but customers are then able to manually increase the quantity of a particular camp on the checkout page (I can suppress it using code injection on the product page and in the cart, but not at checkout). We would like to remove the Quantity option but also show the number of available slots for each camp. Squarespace customer support says this is currently not possible and can submit a feature enhancement request, but who knows when that might happen. Given the current circumstances with the pandemic/restrictions/etc, our survival beyond this summer depends greatly on our ability to sell these summer camp service items through our website and we want to leverage any tools we have in order to do so, such as showing that slots are limited and to book quickly. Any assistance will be appreciated!!

Site URL: https://bumblebee-alpaca-tksd.squarespace.com We are building a website for an outreach ministry of a church. The ministry – called Joy in Learning – offers a variety of creative classes like basketweaving, painting and pottery, to name a few. Some classes are free while others require a fee for materials. We are using Commerce to RSVP for classes, rather than Scheduling. Scheduling proved to be a little too involved for us, and ultimately we want registration information to populate in a Google spreadsheet so that we’re not manually creating the attendance list from emails and so the registration information is easily accessible to administrators as well as teachers. Because of this, we have the registration form on one page, and once that’s complete we have it linked to the specific product page (for paid classes) so that it can be added to the shopping cart and paid for. Here are two examples: https://bumblebee-alpaca-tksd.squarespace.com/gallery-3-1 https://bumblebee-alpaca-tksd.squarespace.com/fused-glass-1 (I know the URLs need some attention.) Three questions: Is that the only/best process for paid classes? Is there a way to create a capacity on attendance just by using the registration page? (Not linked to a specific product page to ‘add to cart’ and check out.) Example: https://bumblebee-alpaca-tksd.squarespace.com/kindergarten-to-4th-graders-1 We would like to have something on several of the pages that shows how many spaces remain/are available/waiting list. It would be great if this could be on the registration page as well as the product page, similar to what was asked here. (I am also commenting on that thread.) Site: https://bumblebee-alpaca-tksd.squarespace.com Password: J0yinLe@rning! Thanks for your help!

Site URL: https://www.nationaltab.com/solutions Hi, I want the "Solution Driven Process" section on this page to only be visible on desktop and not on mobile. At the same time, I would like to create a mobile-version of this that will not appear on desktop. Can someone please advise how to do so? Thanks! Megan

Site URL: https://hayesphonerepair.com Site URL: https://hayesphonerepair.com Hi, This is my first time posting here so I'm not sure if I'm in the right place, but I hope someone will be able to help me. I am looking to redirect the "Add to iCal" and "Add to Google" buttons from the confirmation stage of my scheduling page/block. Ideally I would like to only have a single "Continue to Checkout" button (/checkout) instead, or failing that to remove them both completely. I have found the way to change the wording of the buttons, but not the link itself. I hope I haven't missed an easy way to disable these, or someone else asking the same question. If anyone here would be able to assist with this i would be very grateful. Thanks for your time, All the Best, Jarrad

Site URL: http://bridalbrilliancerentals.com/consignments Does anyone know how to get the code so that customers can upload a photo when submitting a form? I found something on google, but it says .jpeg doesn't work but only works with .jpeg. Needless to say, my customers are confused.

I uploaded the icons on the desktop and they look perfect, when I got to the mobile version they are way bigger and I don't know how to restrain them!