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


Forums

  • 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
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. I was wondering, is there a way that when a user clicks on a blog category and then gets a results page of only posts put in those categories, to have the category show at the top of the page so they know where they are? (like on the shop, when you click a category, you can show the category title or breadcrumbs). I assume it would be probably a script or code injection. Any help is greatly appreciated.
  2. Site URL: https://mikko-iivanainen.squarespace.com/ I wish to change color of the two last navigation links. I tried code below, but it is not working: .header-nav-folder-item:nth-child(9) a { color: red !important; } .header-nav-folder-item:nth-child(10) a { color: red !important; }
  3. Site URL: https://highvibebiz.com Can someone provide the CSS to hide Account Login from the header navigation menu on squarespace 7.1? I currently have this code on my site to remove the Login Link in the Header Navigation Menu. The first display code works, but the word "Account'", would still appear for one second. The second line of code was added to remove the margin around the link. The third line of code was added so that you couldn't see the word "Account" load. Unfortunately, when you load the page, you can still see the navigation menu shift from left to right as each of these codes are happening consecutively after the other. /*customer account login */ .user-accounts-link.loaded .user-accounts-text-link { display: none !important; } .header-actions--right .customerAccountLoginDesktop { margin: 0 !important; } body:not(.tweak-transparent-header) .user-accounts-text-link { color: #ffffff !important; }
  4. I'm on 7.1 , and I'm using one of the "headline" sections that gives you a background image with text and button over top. My issue is that by default there is an opacity: 0.15 on the image and it looks washed out. How can I set the opacity to 0 for my background image so it's full color? This code used to work: .section-background-overlay{ opacity: 0; } Now, the above opacity is crossed out and this appears to be controlling the opacity: element { opacity: 0.15; } In the HTML it looks like there are several data controller tags like: data-image-overlay-opacity="0.15" Basically, I'm unclear how to reference this in css as it's not referencing a specific class or ID. How can I set the opacity to 0 for my background image so it's full color?
  5. Hi there, I'm creating an online store in Squarespace 7.1. On my Store page (I'm using the Store 1 format), I want each product to have an 'Add to Cart' button under the price but I cannot see a formatting option for this. Am I missing something? Is this a style format or is custom CSS required? The site isn't live so I can't share a link but I've attached a screenshot. Any help is very much appreciated. Thanks ๐Ÿ™‚
  6. Site URL: https://www.zerowastedesignonline.com/ Hi there, I am having a lot of trouble trying to reduce the footer padding(?) at the bottom of each page on our site. I can't select this as a section, but we would love to get rid of this blank space. The site is https://www.zerowastedesignonline.com/ I would share a screenshot but the blank section is so large that it takes up the whole screen - if you scroll to the bottom of any page you should see what I mean. Thank you in advance! Issue #2: There are also spacing issues on our mobile menu/navigation (image attached). We will be updating the colours to be more accessible but would love to get the spacing issue fixed. Thank you!
  7. 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
  8. I found a piece of code posted by jcuvdb to prevent image downloading on IOS devices, but it has no effect on android devices. Is there a way to disable the functionality on Android browsers where a user can press and hold an image and bring up a "save image" popup dialog? Any help would be much appreciated.
  9. Site URL: https://pearler.squarespace.com/feels I've added a Shopify Buy Button onto the page using a code block. However, it's affecting the margins on the right of the section. Any ideas why? <div id='product-component-1617764303049' class="nav-gif-wrapper"> <img src="https://media0.giphy.com/media/l0Iyl89hueXgsyGRi/giphy.gif" height="100" style="top:-75px; left: 15%;"> <script type="text/javascript"> /*<![CDATA[*/ (function () { var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js'; if (window.ShopifyBuy) { if (window.ShopifyBuy.UI) { ShopifyBuyInit(); } else { loadScript(); } } else { loadScript(); } function loadScript() { var script = document.createElement('script'); script.async = true; script.src = scriptURL; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script); script.onload = ShopifyBuyInit; } function ShopifyBuyInit() { var client = ShopifyBuy.buildClient({ domain: 'pearlerwork.myshopify.com', storefrontAccessToken: 'eec0fbe1582313daf17f1305b3293c33', }); ShopifyBuy.UI.onReady(client).then(function (ui) { ui.createComponent('product', { id: '6641103274161', node: document.getElementById('product-component-1617764303049'), moneyFormat: '%24%7B%7Bamount%7D%7D', options: { "product": { "styles": { "product": { "@media (min-width: 601px)": { "max-width": "calc(25% - 20px)", "margin-bottom": "50px" } }, "button": { "font-weight": "bold", "color": "#822504", ":hover": { "color": "#822504", "background-color": "#e59ea3" }, "background-color": "#feafb5", ":focus": { "background-color": "#e59ea3" }, "border-radius": "0px", "padding-left": "70px", "padding-right": "70px" } }, "contents": { "img": false, "title": false, "price": false }, "text": { "button": "Add to cart" } }, "productSet": { "styles": { "products": { "@media (min-width: 601px)": { "margin-left": "-20px" } } } }, "modalProduct": { "contents": { "img": false, "imgWithCarousel": true, "button": false, "buttonWithQuantity": true }, "styles": { "product": { "@media (min-width: 601px)": { "max-width": "100%", "margin-left": "0px", "margin-bottom": "0px" } }, "button": { "font-weight": "bold", "color": "#822504", ":hover": { "color": "#822504", "background-color": "#e59ea3" }, "background-color": "#feafb5", ":focus": { "background-color": "#e59ea3" }, "border-radius": "0px", "padding-left": "70px", "padding-right": "70px" } }, "text": { "button": "Add to cart" } }, "option": {}, "cart": { "styles": { "button": { "font-weight": "bold", "color": "#822504", ":hover": { "color": "#822504", "background-color": "#e59ea3" }, "background-color": "#feafb5", ":focus": { "background-color": "#e59ea3" }, "border-radius": "0px" } }, "text": { "total": "Subtotal", "button": "Checkout" } }, "toggle": { "styles": { "toggle": { "font-weight": "bold", "background-color": "#feafb5", ":hover": { "background-color": "#e59ea3" }, ":focus": { "background-color": "#e59ea3" } }, "count": { "color": "#822504", ":hover": { "color": "#822504" } }, "iconPath": { "fill": "#822504" } } } }, }); }); } })(); /*]]>*/ </script>
  10. Site URL: https://fish-violet-tr2r.squarespace.com/ The issue I am having is that my image is getting cut off by the site margin right now. I could change the site margin, but then all my text would be hugging the edge of the page so I just want to change this one specific sections site margin if that is possible. Password is "pickandeat123"
  11. Squarespace 7.1 does not support the Developer Platform. There is no clear indication if it ever will or if 7.1 will replace 7.0, killing off the Developer Platform. Is there any information besides the About Squarespace version 7.1 support article?
  12. Site URL: https://www.2680.no/spisesteder Hi! Iยดm in the process of making a multilingual website, and for my non-english site, I need to change the text, of the "read-more link" in a summary block. Can anyone help? Thanks!
  13. Hi! I'm very new with Squarespace and I have found it quite easier to work with 7.1 version. I have a personal blog, I have built a home page, and the blog separately. I would really like to use to a different (or at least a different logo) on the blog page and each blog post. Is there a possibility of doing it with CSS? I'm not code-savvy at all, so I'd appreciate anyone's help.
  14. Site URL: https://www.cronancreagh.com/portfolio Hey I have three pieces fixed text on the right of my webpage. I am looking to have it fade in when the user starts scrolling, rather than have it appear straight away.
  15. Site URL: https://www.thesquaresandbox.com/tabbed-sections When I click one of the buttons, the associated section appears correctly at the top. However the other sections are not hidden. This is from an article by Will Myers. <div class="tabs-container"> <button class="tab-btn" id="tab-1" onclick="tabOneClick()"> About </button> <button class="tab-btn" id="tab-2" onclick="tabTwoClick()"> Gallery </button> <button class="tab-btn" id="tab-3" onclick="tabThreeClick()"> Contact </button> </div> <script> function tabOneClick() { $('button.tab-btn:nth-of-type(1)').addClass("active"); $('button.tab-btn:nth-of-type(2)').removeClass("active"); $('button.tab-btn:nth-of-type(3)').removeClass("active"); $('[data-section-id="6069af192a871859f3dddfc3"]').addClass("tab-section-show"); $('[data-section-id="6069af0fd446556b94c10177"]').removeClass("tab-section-show"); $('[data-section-id="6069bad471b2824d888bdf66"]').removeClass("tab-section-show"); } function tabTwoClick() { $('button.tab-btn:nth-of-type(1)').removeClass("active"); $('button.tab-btn:nth-of-type(2)').addClass("active"); $('button.tab-btn:nth-of-type(3)').removeClass("active"); $('[data-section-id="6069af192a871859f3dddfc3"]').removeClass("tab-section-show"); $('[data-section-id="6069af0fd446556b94c10177"]').addClass("tab-section-show"); $('[data-section-id="6069bad471b2824d888bdf66"]').removeClass("tab-section-show"); } function tabThreeClick() { $('button.tab-btn:nth-of-type(1)').removeClass("active"); $('button.tab-btn:nth-of-type(2)').removeClass("active"); $('button.tab-btn:nth-of-type(3)').addClass("active"); $('[data-section-id="6069af192a871859f3dddfc3"]').removeClass("tab-section-show"); $('[data-section-id="6069af0fd446556b94c10177"]').removeClass("tab-section-show"); $('[data-section-id="6069bad471b2824d888bdf66"]').addClass("tab-section-show"); } $(function() { $('[data-section-id="6069af192a871859f3dddfc3"]').addClass("tab-section-hide"); $('[data-section-id="6069af0fd446556b94c10177"]').addClass("tab-section-hide"); $('[data-section-id="6069bad471b2824d888bdf66"]').addClass("tab-section-hide"); tabOneClick(); }); </script> .tabs-container{ transform:translateY(100%); width:100% !important; text-align:center; border-bottom: 1px solid #999; overflow: auto; overflow-x:auto; white-space: nowrap; z-index:99; } .tab-btn{ max-width:150px; display: inline-block; border-radius:3px 3px 0 0; border:1px solid #999; padding: 12px 18px; font-size:1.2em; background:white; margin-bottom:none !important; border:none !important; &:not(:first-of-type){ margin-left:10px; } } .tab-btn.active{ background:lightblue; } .tab-section-hide{ display:none; } .tab-section-show{ display:block; }
  16. Site URL: https://www.isabelwilkerson.com/ I just discovered that some block IDs on a live 7.1 site have unexpectedly changed, breaking important custom CSS. I launched the site months ago and haven't made changes to the affected page since December. Thankfully, I guess, the site has only two pages and only the home page seems to be affected. No one else has edit access to it. Has anyone else experienced this? Did I overlook an announcement in Release Notes about this? I checked the site last week and didn't notice this issue. It's possible I overlooked it, as I was making a small content update to the Contact page. But I think I would have caught it and that the client would have too. Thanks for any insight you can offer. Customer Care has nothing to offer beyond that helping with custom code is out of scope. thanks, ~Laura
  17. Site URL: https://lonsdalestudio.com/ Hi I'm planning to migrate from Moksha (Brine family) 7.0 to version 7.1? Does anyone know of a template most similar to Moksha in version 7.1? And yes I'm aware I can use any elements in 7.1, I just want a starting point similar to my current site. Thanks!
  18. Hi, I'm just wondering if anyone knows how to add a tag line under a site title in 7.1 perhaps using css? I'm happy copying and pasting bits of code but my understanding of coding is fairly limited - just a heads up. Any help with this would be much appreciated. Many thanks John
  19. Site URL: https://www.theartofphotography.net/ They arrows are too small. I am using the Chase Nevins template. Is there a way to adjust them using custom css or code injection. By inspecting I get the selector shown in image. I am not sure what to change. Is there a caret-right-icon--large?
  20. Does anyone know if there's a pregnancy calculator plugin for Squarespace 7.1? Example photo is from a Wordpress site. Thanks Haydn
  21. Site URL: https://grouse-seal-j62k.squarespace.com/team Hi all, so I shelled out for a plugin to get Gallery Blocks back in 7.1 as it was necessary for what I needed to do. Unfortunately, I have no idea how to resize it so it's the same height as the video block to the left of it. I did manage to resize the block itself with some CSS, but then the pictures in the slideshow didn't resize with the block so I removed the code. I'm starting to understand CSS but I'm a long way from where I need to be. Any help would be appreciated. password is "prince"
  22. Site URL: https://www.alliancepackaging.ie/all-products Hi. I set up this site and launched it back in summer. It's an e-commerce site selling packaging. The issue I'm having is that, on mobile, the product images in the summary blocks on my shop page don't always load. In fact most of them never load. It's not always the same images. Has anyone encountered this issue and if so could you suggest a fix? I have some custom coding in place.
  23. Site URL: https://cloudhousebakery.com I've read online that Square works in Canada but I can't connect my P-O-S to it in the commerce section when I try to connect to Square, my store is based in Canada and the Authorisation keeps stating that it wont connect because I'm not in the US - see image below. When I first tried to connect, it let me join, fill out all my forms etc, details, I even ordered the reader only to find now that it apparently won't even let me connect now I've wasted days trying to implement and connect the two and wrestle with implementing joint features. Does anyone else know if this is true, or is there something I'm overlooking Can you even connect Square in Canada!? So far this whole experience is turning out to be a nightmare... ๐Ÿ˜ž
  24. Site URL: https://www.themeaningwell.com/ On desktop the gallery is 3 columns here, but in mobile view it becomes 2 columns. Is there a code I can place in the CSS to make it three columns in mobile just like in the desktop view? Thanks so much for any help.
  25. Site URL: https://www.officetribe.co.uk/ Hello, I wondered if someone could help with a way to fix the text 'scrunching' on mobiles/tablets? I've attached a couple of pictures so you can see that it's happening on the newsletter and form blocks. Any help/guidance would be much appreciated Em
ร—
ร—
  • Create New...