Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'squarespace-7.1'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://mmschristy.squarespace.com/ Hey! In 7.1 I've added two text blocks side-by-side on the footer of a website. On desktop it looks great, but on mobile the blocks stack on top of each other. How do I make them keep their columns? website: https://mmschristy.squarespace.com/ pw 1234
  2. Hi, I am using Squarespace version 7.1. I want to create a slideshow of full bleed images with the SAME headlines / text but the image changes in the background. At the moment I can only either add: A "headline" section with full bleed image and text on top or A "gallery" section with a slideshow of full bleed images without text. Is there a workaround for this? If not I would like to downgrade from version 7.1 and use an existing template that gives me the option to do this. Website is middl.io and password is staging only ThanksHannah
  3. Hi all, was wondering if we can change the icon of the drop down menu when in mobile mode: change its location, tweak it slightly upwards, downwards, etc. change the thickness of the icon change the icon itself Any help would be appreciated. Thank you.
  4. I have created a 2 page website in 7.1. I want to disable the mobile breakpoint of 991px and just keep the regular menu bar visible as there is only 1 button to a contact page on there. Does someone have the CSS code to disable the mobile menu in 7.1 since there isn't an option to set it to 0px in the style editor?
  5. Site URL: https://inktractor.com I'm trying to figure out a way to add social sharing buttons through code injection on squarespace 7.1 because it doesn't have share buttons. I think there's a way I can manually add at least a like button through say facebook's "like button configurator" but it would be a manual add to every blog post through a code block. I've been told I could circumnavigate this through code injection but I don't know how to change the code to make it a different link for every blog post. Can anybody help me? Here's the code I'm trying to modify to recognize individual blog posts: <div class="fb-share-button" data-href="https://inktractor.com/fiction" data-layout="button" data-size="small"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Finktractor.com%2Ffiction&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>
  6. Hello everyone, Can you please advise on how to force the mobile menu on a desktop? I am new to squarespace and trying to keep the hamburger menu on with all screen sizes. I'm using version 7.1 - and all online resources are based on a previous versions were you can edit mobile settings that are not available anymore. It would be great if you can suggest any tips or custom code. website: tarpon-reed-27ss.squarespace.com password: 1234 many thanks, Dario
  7. I've been working hard on this, on and off for a few months. I've had it working for a while, but it was never perfect. Today I finally decided to try and wrap it up. If you are interested, I will need you to send me a PM. I need to get a little more testing done to make its its 100%. This is where I am at so far. If I am missing anything, let me know. Allows for custom link text, so you will be able to see mysite.com/home#customtext, not a bunch of gibberish Correct anchor position, right at the top of the section, not below the padding by adding an anchor in a code block Correct location on a page refresh Correct location on a redirect from a different page Fast and efficient, the only hold up in the code is waiting for 7.1 to load THIS IS FREE!!! This isn't a plug in, to be honest I don't even know what a plug in looks like for squarespace. This is code I wrote, that I use on my customers sites. Its been changed, evolved, modified, over the past 6 months, and anyone is welcome to use it. Anyway, if anyone wants to test it out, and help me get to the final stage of this, let me know via PM. Thanks.
  8. Hello, I have spent a good amount of time digging through multiple threads/forums regarding anchor links in 7.1 sites and wanted to summarize what I have working, and what issues I am seeing. (I apologize as I am unable to share my site yet as it is not public, and also for the giant info dump, but I thought it may help others to see it all consolidated, as I am combing multiple problems) My setup: Currently I am using code inject blocks to create div tags for header site navigation anchor links. Example: <div id="about" class="anchor-offset-about"></div> Header nav links are written as follows: /home#about The class is so I can create a manual offset for both desktop and mobile jumps to display in the exact spot I want. Example: //desktop// .anchor-offset-about { position: relative; top:0px; } //mobile// @media(max-width:767px) { .anchor-offset-about { position: relative; top:100px; } } Smoothing scrolling is enabled via: html { --scroll-behavior: smooth; scroll-behavior: smooth; } Smooth scrolling on Safari specifically is enabled via: (site-wide header injection) <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://unpkg.com/smoothscroll-polyfill/dist/smoothscroll.min.js"></script> <script src="https://unpkg.com/smoothscroll-anchor-polyfill"></script> -- This setup IS WORKING correctly. HOWEVER, I am running into some weird glitches across different viewing formats. 1. Chrome - Everything is working properly. Aside from the random anchor link not landing exactly correctly (very rare) this all works. 2. Safari -Upon landing on the home page for the first time, every anchor link appears to force a page refresh and jump to the anchor point without smooth scrolling. After this completes, anchor links will work properly and smooth scroll between them. I am still looking for a solution to this. There are the two options I have tried without success. 1. Force the home page to load at #top. This is not a viable solution, however, as it will work on the very first page load/visit. But if I visit another page on my site that is not the home page, and try to return to one of my anchor links from the header navigation it will force a page load to the top again and not jump to the correct location. 2. Purchased squareaddons.com Anchor Links product. This will solve the problem on desktop, however, I am unable to set class specific adjustments, so anchor link jumps do not land correctly on mobile. I have submitted a ticket to them to ask about this. 3. Mobile (Safari and Chrome on iOS - both iPhone and iPad) -Similar to above, page refresh occurs on first click of any header nav link after landing on home page. Scrolling will work after this. The main other problem on mobile only is that my site header, which is both fixed and using the "dynamic" setting in Squarespace 7.1 is not loading properly when using any anchor link for the first time. It jumps to the right location, but is transparent, showing content underneath where it should be a solid color (white in my case). If I start scrolling or click the anchor link again it will display properly, but makes for a very messy first-time viewing experience. And advice or solutions to these issues would be greatly appreciated. Thank you!
  9. I've run into a bit of an issue with hiding individual collection pages in Squarespace 7.1. Normally, by clicking on the settings for a page, you are able to enable or disable that page. However with the new system of "Portfolio Collections" that page disable option does not exist for individual portfolio project pages. I may be mistaken, but as far as I can tell, there is no way to hide these pages (screenshots attached for reference). This is incredibly troubling as you cannot create drafts of projects, nor if you are duplicating other projects, they will be live with duplicate content until you fix it. I was thinking possibly that you could move collection pages to other collection pages(in the way you can move products from shop to shop), so in essence you could pre-build the portfolio page on a hidden portfolio collection and move it to the live portfolio collection, but there doesn't seem to be a way to do this either. Any advice on how I could make hidden pages in the existing Portfolio Collection system or is this just a fault in the new version?
  10. Hey, I'm building my site in 7.1 (mainly to get to grips with using it) and I've come across one problem I can't seem to fix. The dropdown navigation has white text & a white background(image attached) My header colour palette is yellow, whereas the main website has a white background, I'm wondering if this is part of the problem. It'd be greatly appreciated if anyone can find any workaround for me. Site is here: https://hexaflexagon-star-bh8p.squarespace.comPasword: 123123
  11. Site URL: https://www.michaelmauro.co.uk/blog Hey! On 7.1 blogs there seems to be a default setting for the image to zoom in slightly on hover. I'd like to remove this but struggling to figure out how. Can anyone help? Here's the site I'm working on if helpful: https://www.michaelmauro.co.uk/blog
  12. Site URL: https://www.arielokin.com/test-page-reverse-hover Hi! I'm trying to build out a project landing page using the portfolio (Grid Overlay) and want to customize each project's hover with a unique image. I know how to overlay an image, but not a photo that is unique to each product since there are no block IDs associated to each project. Is it possible to do so? For additional context, it would essentially be reversing this image and hover set up minus a few decorative details. Thank you!
  13. Site URL: https://www.tribemaniatreeservices.com I would like to add an 'add on' subscription service to my checkout page. According to Squarespace support, they don't have this capability. Does anyone have any suggestions to add code to accomplish this? For example, the initial subscription is $70/year but we would like to offer an option to also add another subscription for personalized plan at an additional $290/year. Also, I would really like to take the discount code option from this page. This is the page I am trying to add that option into: https://www.tribemaniatreeservices.com/checkout/paywall?cartToken=YGVku0RA5bO0G5VRpoVWTtm6p_2YQLxNYrNkY18k
  14. Site URL: https://www.lindseyboluytphotog.com/ I followed this tutorial https://ryandejaegher.com/how-to-make-wavy-section-transitions-in-squarespace-7.1/#comment-section to create an "arch" transition on the bottom of the first image block on each page for a more organic feel. Everything looks as desired on a desktop/laptop screen: The mobile preview in my Squarespace account also looks correct: However, the mobile appearance of the published site is different. The nice, pretty arch is transformed into some sort of trapezoid instead: Does anyone know how to correct this? I appreciate your help, thank you! Here is the code I have saved in Custom CSS: // Adding arch transition to photo on Weddings page // [data-section-id="61d3af566a70606092df0ff5"]:after { position: absolute; content: ''; width: 100%; height: 120px; bottom: 0; left: 0; background: #e6ded1; /* Use the ID from your SVGs Clip Path*/ clip-path: url(#archDown); } And the code for the .svg arch shape saved into the Footer Injection so it can be used on multiple pages: // Adding arch transition to photo on Weddings page // [data-section-id="61d3af566a70606092df0ff5"]:after { position: absolute; content: ''; width: 100%; height: 120px; bottom: 0; left: 0; background: #e6ded1; /* Use the ID from your SVGs Clip Path*/ clip-path: url(#archDown); }
  15. Hi all. I'm a CSS newbie, but am starting to get the hang of it. Have made a few customizations that have worked thus far to both the standard and mobile site. I don't know if any of those customizations are overriding what I'm trying to do with the mobile menu font size, which is too big and I just want to bring it down a notch. Here is the code that I found that folks were saying worked (not working for me). I've tried adding the '!important;' tag after font-size as well and had no luck with that. And here is all the code I have already on my site, in case it's relevant. All of this code works properly: I'm still building the site so it's not public yet. Again, I just want to change the SIZE of the mobile menu font so it's slightly smaller. Thank you!
  16. I'm trying to create a bilingual site and would like to have the language links as buttons on the header navigation, but it seems Squarespace 7.1 interface only allows for one custom button, social links and cart in the header navigation. I created a PT button for the Portuguese site and would like to create another button, EN for the English site. It there any way to add another button via code to the site header?
  17. Hi. So I'm trying to use this tutorial I found online: A CSS trick to add icons to your navigation links in Squarespace https://beatrizcaraballo.com/blog/navigation-links-icons?utm_content=tribes&utm_term=736100040_29894866_549810 Unfortunately, the coding doesn't work for 7.1. I'm not sure how old that post is. I know it's labeled under Brine. So far I've been able to figure out the css coding for the right header name (I think) but I can't get the block to show up next to the link, it shows up above it. So far this is what I have taken from the tutorial: And this is what happens. The red square is above the Home link, but I'm trying to get it next to the Home link. Obviously I want to put an image there instead of the red square, but I can't even get the red square in the right spot. I'm not super css savvy and I tried googling how display works, but everytime I try putting something else in the display area (inline, block, grid, flex, etc), the red square completely disappears. What would the right coding be?
  18. Having trouble figuring out how to get my full width banner images to resize on mobile. Looks good on desktop but it doesn’t seem to size down for mobile. I’m using squarespaces 7.1 template. Any help is much appreciated!
  19. Site URL: https://www.amovintage.com Hey, So on my shop page I would like to include items that arent available for sale, but are still able to be viewed for rental enquiries. How is it possible to do this on the same page with coding for specific pieces? I currently have no idea how to do it and would rather keep them on the same page I have included an example of my shop page - for example if one of these images had 'available for press' etc or something instead of a price Thank you!
  20. Site URL: https://gardenia-chrysalis-wwnw.squarespace.com/ I'm trying to have a full bleed slideshow gallery on my home page (ver 7.1) but when I go to the mobile version, it doesn't lock the dimensions and scale appropriately so I don't lose any of the image. It just crops the image and cuts off important information. Is there a button I'm missing to fix this? Screenshots of the problem I'm encountering are attached.
  21. Hi there, I'm building a website in Squarespace 7.1 and I want to know if anyone has an answer for this. I'm looking to add a Gallery Block, and you're faced with two tabs, 'Upload Media' and 'Use Existing Gallery'. When I click on 'Use Existing Gallery', it says 'There are no collections'. How do I make a gallery collection so that it shows up when I try to add a Gallery Block? Thanks in advance
  22. Site URL: https://platinum-polygon-p4he.squarespace.com/shop/kali%C2%A0 I want to move the Price down so it is above the Quantity in Squarespace 7.1.. I found some other code for the old version of Squarespace but it is not working for me. Please help! Here's my site: https://platinum-polygon-p4he.squarespace.com/shop/kali PW: omshala
  23. Site URL: https://www.sweetteahostess.com/products/low-country-boil Hello, I'm trying to add a header image to each category page within a 7.1 shop. Currently, if you add an image it appears across the entire store. I would like each category to have its own image. For example products > low country boil would use one image while products > oyster roast would use a different image. Currently, we achieve this by creating standalone pages using a summary block. But this creates competing pages. Ideally, from an SEO standpoint I would like to avoid this and use the shop pages. But having a distinct hero image on each page is a priority. Appreciate any thoughts.
  24. Site URL: http://www.mercedeslucero.com I want to change the site title logo URL. I have scoured the forums but none of the suggested codes have worked for me. Site: www.mercedeslucero.com Home page: www.mercedeslucero.com/home pw: squarespace1
  25. Site URL: https://www.mhsfantasypokerleague.com Hey there, I've had quite the trouble wrestling with something that I (stupidly it seems) thought would be a lot easier than it's turned out to be for a layman web builder anyway.. data tables. I have a need in what I'm doing at the moment to have a HUGE amount of data.. maybe 500 pages worth of names and prices that needs to be organised into a searchable data table for use by my site's members. Took me forever but I finally have the thing able to search perfectly fine. I was overjoyed at that but then I quickly realised that function is near useless to me if my table is a thousand miles long running down the page. So now I'm completely stuck in as far as knowing how I make this table in a way it can be divided up into pages like.. 1/2/3/4/10/20/30 etc.. of about 10 or 20 each page and still be searchable as it is now. Haven't found anywhere on the web that can explain to me how to do this without it getting verrrry complicated and way over my head. Tried to install Jquery at one point and just lost in stuff I didn't understand. I don't know how to code.. I can just cut and paste code and tweak CSS and HTML in small ways that I can comprehend. ** A seperate side issue I have is I can't get my table headers to display on the page.. when I edit them in the edit screen on Squarespace I see them but not when I save it out. Very odd. I've got around this by putting my headers in a text column above the table but this "solution" is inelegant to say the least, not to mention does not line up with the data in the columns. Anyway if anyone can point me in the right direction please let me know what I should be doing from here. Thanks in advance, Marley A test page where I'm working on the data table can be found here. https://www.mhsfantasypokerleague.com/fantasy-betting-markets-test-page
  • Create New...