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

Leaderboard

Popular Content

Showing content with the highest reputation since 05/11/2021 in all areas

  1. it's call attribute selector, you can use something like [data-section-theme="white"]
    3 points
  2. Hey there! Those questions do sound familiar to me. Personally, I am a big fan of using CTA in my business. Whenever I create a content about my products, I tend to design it the way that would really lead into my specific call to action for that article. Using CTA is not just about telling people that you need to do something, but also explaining to them why they need to do so. One of the things I can share is to use emotional appeals moderately. In our industry where we sell what we have worked hard for, it is not enough for people to know how good the product is as it is but also
    3 points
  3. Oooooo that's right! Didn't think of that. 🤣 For anyone following, here's the solution to the above. Open up the gallery where the text is you want to change. Selected the photo in the gallery where the title is applied. In the Title field, find the word you want to change and enter the code below: <span style="font-style:italic"> conscious </span> } Hope this helps someone else! xx
    2 points
  4. 2 points
  5. Hi. Add below code into CSS editor. Adjust the padding and font according to your need. .form-block .lightbox-handle { font-size: 20px !important; padding: 1.5em 2.5em !important;}
    2 points
  6. .image-block-poster-text-alignment-center #block-add769d3ca114745534e.sqs-block-image .design-layout-poster .image-card > * { text-align : unset !important; }
    2 points
  7. This snippet works [data-section-id="608a398bf571e2467b77682d"] .section-background { background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
    2 points
  8. Natural skin tone colour palette is nice. Here are my thoughts; There's a huge gap between 'sign in' and the first picture. The 'sign in' button is in an awkward location, middle? Usually sign in buttons are in the top right. This aligns with majority of the websites we see today. 'Sign in' button is really small. I recon make it 2-3 points larger but still keep your small/minimalistic look The steps and descriptors is not clear to me and why I should buy your product. For example: You have "step 1: detox".. sweet, I know step 1 but what us detox, what is yo
    2 points
  9. Add to Design > Custom CSS /* variant border */ .variant-select-wrapper, .product-details .variant-option select { border: 1px solid red; } /* variant border when select option */ [data-variant-in-stock="true"] .variant-select-wrapper { border-color: green !important; } [data-variant-in-stock="true"] .variant-option select { border-color: green !important; }
    2 points
  10. Sure. When you've changed the URLs, you can use some JavaScript to show/hide based on these. Here's a link to an article that Brad wrote which covers one way to do this: How to setup multi-language content on any Squarespace Template Note that his solution isn't written in pure JavaScript so it will require you to include the jQuery library. His article was last updated 16 months ago, so it refers to a version of an older version of jQuery that has known security vulnerabilities. Instead of using 3.4.1 in his step 4, you'll therefore want to use 3.6.0 (March 2021): <scrip
    2 points
  11. Site URL: https://beyondspace-showcase.squarespace.com/custom-hamburger/?password=1234&utm_source=squarespace_forum&utm_medium=topic&utm_campaign=promo Hi my friends, I've been asking alot about applying fancy hamburger animation to Squarespace, so I tried to create a tool where the various animation can be fit well with Squarespace markup Access to this page for the step-by-step instruction to copy and paste the final code into your custom css, it will replace the current animation https://beyondspace-showcase.squarespace.com/custom-hamburger Note: This solution is speci
    2 points
  12. Your shop page is actually really clear and nicely laid out, however, my opinion is the layout of your home page is a little disconnected. I don't really get what you are about when I'm scrolling down the steps. I see buzz words like sustainable and organic but there is no journey and no demonstration of the value you are going to add to my life by buying your products. I'd personally start by rearranging to have the steps first, id add images and show the visitors what you will do for them through your steps. How you will make their skin glow, how you will make them feel better about t
    2 points
  13. Dear Squarespace team, Full-width sliding images with the ability to place the same or different text and buttons on each image is absolutely a feature we need. I get this request on literally almost every site I build. I believe it is a feature that would get used millions of times over. I love what you have built and the more I get used to 7.1, I can see it's advantages. Adding this feature would make 7.1 an absolute no-brainer. Please acknowledge our collective desire to have this implemented as soon as possible. Thank you for all you do!
    2 points
  14. Site URL: https://fairwaystoleadership.squarespace.com/ Hello, I have a client who is looking to inject a custom responsive widget to a landing page. There is an installation document provided by the widget creator, however I can't seem to get it to work. There is a javascript and html parts. Quoting the document: Include the following tag within the body of the html: <script id="d2s_app_js" type="text/javascript" src="https://www.dev.golfstixvalueguide.info/tradewidget/app.js"></script> HTML TagThe following tag should be added within the <body> ta
    1 point
  15. Site URL: https://www.unigirlco.com/ Hello. Is it possible to add a text box so that a customer can leave a note on a product page? I sometimes offer products that can be customized, so it would be great if a customer could leave the note right on the product page and not in the note area at checkout. Thanks.
    1 point
  16. Site URL: https://www.lobeliabluecreativestudio.com/pinsandjewellery I sell pins. my first product photo for each item is a close up of the front of the pin, the second image is of the back of the pin. for some reason on the shop page a few of the products show the second image as the thumbnail instead of the first (so you see the back first instead of the front) and I don't know how to fix it! I tried reuploading the first image but no luck. anybody have any ideas? thanks.
    1 point
  17. Hi, i carefully read the thread again and now it works. That was it with a un-linked page ..
    1 point
  18. Site URL: https://burgundy-watermelon-ld9d.squarespace.com Hi, I'm relatively new to Squarespace and even newer to the use of custom CSS but I really would like to know if I am able to add a hover design to the gallery on my main page and still have the links working. What I want is to have a gallery with a main image and title that then links to a project page. I've figured out how to add the hover and customise the colour/text but now the links won't work to the project pages (they're not https links, just page links). I've tried to add in code in the image description area to add c
    1 point
  19. <style> .ProductList-grid .ProductList-item { padding-bottom: 50px; } .ProductList-grid .ProductList-item .sqs-add-to-cart-button { position: absolute; z-index: 1000; bottom: 0; left: 0; right: 0; width: auto; margin: 20 auto; padding-right: 5px; padding-left: 5px; } .ProductList-grid .ProductList-item .ProductList-overlay { margin-bottom: 70px; } </style> <script> $(".ProductList-grid .ProductList-item").each(function(e){ $(this).append('<div class="sqs-add-to-cart-b
    1 point
  20. Site URL: https://www.nutrilee.nl/recepten/vegan-groningse-mosterdsoep Hi guys, I recently published my squarespace website where I have my recipes and blogposts. Tags (such as lactosevrij, glutenvrij etc.) are shown at the bottom of each blogpost by default, but I'd like them to be beneath categories (Lunch, soep etc.). I'd also like the tags to be in a different colour (#545454) and a bit smaller, so people can tell the categories and tags apart. I'd like to do the same for blogposts, so it's okay if this affects both. Does anyone know if this is possible, and if yes:
    1 point
  21. Add this to Design->Custom CSS @media screen and (max-width: 768px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-column-gap: 1.5vw; grid-row-gap: 4vw; padding: 0; } }
    1 point
  22. creedon

    Isolated Section Changes

    I tried changing the color to black but didn't seem to help much. Of course you could go with a color other than white or black. I suggest using a background that is slightly transparent. Add the following to Design > Custom CSS. /* begin add background to You're Invited! */ [data-section-id="609b32715e3ee71f78554ad0"] .content { width : auto !important; } [data-section-id="609b32715e3ee71f78554ad0"] .sqs-layout:not( .sqs-editing ) .sqs-row .sqs-block:not( .float ):not( .sqs-feature-gated-wrapper ):first-child { padding-top : 17px; }
    1 point
  23. There are errors in the site.css file. I don't know what the cause is. The first thing you can try is remove all your custom CSS. Make a copy somewhere so you can restore. If that gets rid of the problem then you know there are one ore more errors in your CSS that you will need to fix.
    1 point
  24. Yeah no problem @tuanphan, https://sphere-saxophone-dbsb.squarespace.com/world-development-people-not-projects Pass: mci21hs It'll be on a commerce plan most likely. We've already been using some custom plugins etc. Thanks!
    1 point
  25. Site URL: https://pend.squarespace.com/services Password: test I'd like to keep four columns on mobile, if possible! Happy to make the text very small to facilitate this. All I can find online is CSS for stacking... Any pointers will be much appreciated. 🙂
    1 point
  26. I can't thank you enough Do you work for squarespace or can I buy you a beer or something somehow or what Because you absolutely rock
    1 point
  27. Thank you bangank36 for commenting on my question. Since asking the question I have explored different options, and have found out that I can do a batch sequential watermark on the photos using lightroom, and have managed to use it as a work-around, and it works rather well, so I now don't need a code hack anymore. Thanks again.
    1 point
  28. Hi Susana, Thanks for your quick response. It appears that I will have to duplicate the site as a free trial and then upgrade it to a paid account. I (or rather, my client) already has a paid account that he would like to duplicate his old site to. Might there be a way to either transfer directly to his new paid account or upgrade the free site directly to the new paid account?
    1 point
  29. @DouglasWayne I used this on my site: /*Change font of portfolio title*/ h3.portfolio-title { font-family: monospace !important; font-size: 1.0rem !important; }
    1 point
  30. Add to Design > Custom CSS nav.nested-category-breadcrumb { display: none !important; }
    1 point
  31. I've been trying Community Box but the styling is just very clunky. The profiles open in little pop up windows and I need more room for text in each profile page.
    1 point
  32. As Squarespace has a partnership with Google, I'm hoping that one day soon they'll introduce a Product Reviews feature that shows Google Reviews. Sadly, there isn't a free solution right now that shows Google Reviews. If you want to automatically display Google Reviews on your site, you can only do so by paying for one of the third-party solutions that connect to Google's API. If you would be happy using an alternative review service, YotPo offer a free tier.
    1 point
  33. Site URL: https://burgundy-orange-xekc.squarespace.com/ Hello! I'm setting up a website with five language options. Till now I was able to set up a second nav as language selector an i'm using the following code to hide sites from other languages #header .header-nav-item:nth-child(5) {display:none} NOW the problem is, that the elements in the second nav and the first five elements in the main nav are counted the same. So if I want to hide nth-child(5) it hides the fifth site in the main nav AND the fifth language link in the second nav. But I want the fifth link in the seco
    1 point
  34. It worked! Thank you SO MUCH! I just needed to place it in the code block instead of code injection. So silly that it was so easy. Thank you!
    1 point
  35. Hello there, To add an animated arrow down element, we'll need to use a Code Block and Custom CSS. 1) Create a Code Block and place the block directly underneath the "Get A Quote" button. 2) In the Code Block menu, you'll see "<p> hello world! </p>" -- Remove the entire line and replace it with the following: <div class="arrow"> <span></span> </div> 3) You can now save and close the page editor. Return to "Home" and navigate to Design > Custom CSS. 4) To animate and place the element onto your website you can paste the follow
    1 point
  36. It will be much easier if you add the language name to the URL of each page, and then use the language name to hide/show the correct navigation links. Start by changing the url of the English homepage to /en/home and the French homepage from home-fr to /fr/home and so on. Then instead of nth-child, you can select the navigation items by looking at the first part of the url - /fr/, /en/ and so on.
    1 point
  37. tuanphan

    Header image on mobile

    Add to Design > Custom CSS html, body { overflow-x: hidden; } @media screen and (max-width:991px) { .Mobile-bar.Mobile-bar--bottom { display: none; } }
    1 point
  38. Hi @bangank36 Thank you for giving it a shot.. For some reason it didn't help. I found code elsewhere that finally got it working though. Here's the code that worked for me in case it helps anyone else: In Code Block: <div class="marquee"> <div class="track"> <h3> insert marquee text repeated 10-15 times here </h3> </div> </div> In Custom CSS: // MARQUEE//.marquee { position: absolute; display: flex; animation: moveLeft 1200s linear infinite; }.track { white-space: nowrap; min-width: 100%; text-align: center; }section[id*="d
    1 point
  39. Site URL: https://www.nathancashion.com/bigfoot I'm using Bigfoot.js to create inline footnotes that pop-up instead of link to the bottom of the page. It's working great, the only problem is that the version of Markdown on Squarespace doesn't support the syntax for footnotes. The syntax is relatively simple and similar to links: To create a footnote reference, add a caret and an identifier inside brackets ([^1]). My current workflow is to write the post in Markdown using iA Writer. I then copy the document (or, at least, the section of the document with the footnote) as HTML and
    1 point
  40. You can get a SS website to deliver on all the CoreWebVitals but it needs some really advanced code optimization. We have a 943ms load-time and a cumulative layout shift of 0.05 now, using advanced code injection and pre-connect and preload headers, combined with serving things like Jquery through non-google CDNs has shown that we can tick nearly all the boxes on this latest hoop jumper. Here's a helper: https://web.dev/preconnect-and-dns-prefetch/ I am actually pretty sure that SS has been doing some stuff already because there were a lot of Unusued Javascripts that were loading in my
    1 point
  41. 1 point
  42. An ongoing feature request since May 2020. Still nothing.
    1 point
  43. @alexlazarciuc I'm not seeing what you show in the image. Did you solve the issue?
    1 point
  44. I recommend that each one of you submits a "feature request" email with a link to this thread. Squarespace must address this. It's absolutely ridiculous to not be able to clearly manage/delete the photos you've uploaded.
    1 point
  45. Would also love a bulk import feature for events. I have mentioned this before but not sure if thats on the feature roadmap anytime soon. Entering each manually is absolutely painful
    1 point
  46. Add my name to the people who find this a giant pain! Please Squarespace-- you collect this info, please allow us to access it in the csv download!!!
    1 point
  47. I don't have any specific answers for you. However I was just reading some Shopify info today and one thing I came across is that if your button doesn't look the way you want you have to start all over again with a new button to fix it. I don't know if that is really true but it sounded painful and that there wasn't a lot of hope fixing from the embedded code side. If I read that wrong someone please let us know.
    1 point
  48. How we doing on this headache? I tried Jmaliisononline suggestion by adding the custom CSS section with "10vh", and although it works, I feel like there is too much gap between the header and the first image. This seems like an easy fix by squarespace...not sure why they haven't fixed this.
    1 point
  49. I'm having a similar problem. We have a several weekly free events that repeat. Like Monday 1 to 4 drawing. I'd like to to how up every Monday without having to manually add it to every week. Is there a way to do that?
    1 point
This leaderboard is set to New York/GMT-04:00
×
×
  • Create New...