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


Circle Member
  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by christyprice

  1. You can target the images with CSS. For your home page product images, add this to Design > Custom CSS to make them circular. The collection specifies the page and then the code specifies images in the product block. #collection-5ef925025708dc5cb9e01f4b .product-block .image-container img { border-radius: 50%; } For other images, you can specify the block (I use the first plugin in this post: https://christyprice.com/squarespace-tips-tricks/chrome-extensions-squarespace-designers) and then set the border radius.
  2. This drives me nuts too. Get rid of it by adding this to Design > Custom CSS: .search-input:focus { outline-color: transparent; }
  3. You would need to add some code to Custom CSS to force an underline if it doesn't show up automatically: If you are using a Code Block use something like: .code-block a { color: #ed834a; padding-bottom: .05em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(237,131,74,.3); } You can change out the colors for the text and the underline to be whatever you want. For a Markdown Block, you can use something like this: .markdown-block a { color: #ed834a; padding-bottom: .05em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(237,131,74,.3); } Still not working? Try adding !important before the ; symbol.
  4. You need to add h1 after the block-id, just like it is after the collection-id in the code above
  5. @jondemeo, try adding this to Design > Custom CSS @media only screen and (max-width: 991px) { h1 { font-size: 14px !important; } } then just change that font-size number to the size that works for you This targets all the h1 on mobile, so should be good. If you only want it for the homepage, then try this: @media only screen and (max-width: 991px) { #collection-5f242e14448b5e0c62fa6f55 h1 { font-size: 14px !important; } }
  6. @jondemeo make sure you are targeting the correct form of text: h1, h2, etc. Selecting the block-ID should work. If you want to share a link, perhaps we can help with more specific advice.
  7. Hi @mhoelzer, this would really depend on both your businesses. Think about what would 1) be the most beneficial for your site visitors and 2) what would bring in revenue for you. I tend to approach these sorts of questions looking at how I can provide the most value for my site visitors and also make a living. If they wanted to simply place an ad on your website, another option would be to charge them directly for the space. So $X/month. Or they could pay you for a review and sharing on social media. You'd just need to be clear that it is a paid ad. You could weight that against potential affiliate income and decide what works best for you, your site visitors, and your business model. I haven't done paid ad placements myself, but I am an affiliate for companies and products that I use in my own business and think others may find helpful. Best of luck! Christy
  8. I don't know of a way to do that in Squarespace, but https://www.hellobar.com/ might be a good third party integration to check out.
  9. Ah, gotcha! It does seem to be an issue with parallax. You can turn it off to fix the problem. Here's the general code to turn it off on mobile everywhere. @media only screen and (max-width: 780px) { #home-banner { display: none; } figure { transform: none !important; top: 0 !important; bottom: 0 !important; will-change: auto !important; } } @media only screen and (min-width: 781px) { #home-banner-mobile { display: none; } } To turn off parallax for just that page, you can use the collection-id specific to the page: @media only screen and (max-width: 780px) { #home { display: none; } #collection-5f1c8fa3acc1cf6f0497d570 figure { transform: none !important; top: 0 !important; bottom: 0 !important; will-change: auto !important; } } @media only screen and (min-width: 781px) { #home-1 { display: none; } }
  10. Hi @eliasbalk, do you have other custom code on your site? I haven't noticed this issue before, so wondering if you have competing code. If you have other code, I'd remove it and see if this works as expected on its own.
  11. Ghost has a free plugin that does this... you'd just want to change out the content from a slash to a vertical line. https://www.ghostplugins.com/steps/9sywh58h
  12. You'll want to add this to the markdown block first: Need help doing something on Matey? Take a look at our guides or <span style="color:#990000;">contact us</span>. Then highlight contact us and click the link icon to add the link. You can change the hex code of the color to any color you want - I made it red to stand out so you can see that it's working.
  13. I have compared a few options here, including a free hack I've used myself: How to Track Affiliate Sales in Squarespace
  14. You can do this in a Markdown Block... Squarespace has a cheat sheet here with font info at the end: https://support.squarespace.com/hc/en-us/articles/206543587-Markdown-cheat-sheet
  15. You can try running your CSS through http://csslint.net/ to check for any errors. Sometimes that picks up on something I've missed. You can typically ignore the warnings and just look for errors.
  16. @JessDupont, Perfect timing! I just published this blog post five minutes ago: How to Track Affiliate Sales in Squarespace
  17. I have used both MemberSpace and MemberStack. Here are my thoughts: https://christyprice.com/squarespace-tips-tricks/members-area-squarespace-website
  18. Hi @Toya, I use a plugin as well. Here are the steps I take: https://christyprice.com/squarespace-tips-tricks/add-sidebar-squarespace-blog
  19. Hi Austin friends! I'm a Squarespace web designer and have lived in Austin for over 20 years. I see some familiar names @jenngress and @ninety9stclaire 👋🏻. We had a virtual meetup in May and it was fantastic - we should get another one on the books! Would love to meet other Austin designers too!
  20. Here’s a good walkthrough: https://www.clickminded.com/google-tag-manager-squarespace/
  21. @rachelt nope. The code you have is JavaScript, not CSS.
  22. I’m not familiar with that one... looks like you’ll need to have the business plan and add it here: In the Home Menu, click Settings, click Advanced, and then click Code Injection. Then paste in the header box.
  23. Here’s a different method that I use: https://christyprice.com/squarespace-tips-tricks/show-different-banner-mobile-desktop
  24. It’s easier than that! Just use Settings > Advanced > External API Keys https://support.squarespace.com/hc/en-us/articles/205815608-Using-Google-Analytics-with-Squarespace
  25. @Cattty I don’t have a solution that works on the personal plan. Maybe someone else does!
  • Create New...