Jump to content

christyprice

Circle Member
  • Posts

    964
  • Joined

  • Last visited

  • Days Won

    7

Everything posted by christyprice

  1. @kristine I'd forgotten about this post. Since then, I've run into this problem many times. I've found that if I split the CSV into groups of about 75 I don't get the errors. Hope that works for you as well!
  2. @LucyDesigns this happened to me recently too. I added some margin, something like this, and that worked for me: <style> @media only screen and (max-width: 780px) { #page section:nth-of-type(1) { display: none; } #page section:nth-of-type(2) { margin-top: 100px; } } @media only screen and (min-width: 781px) { #page section:nth-of-type(2) { display: none !important; } } </style>
  3. /* remove mobile header */ .Mobile-bar { display: none !important; }
  4. If it's Custom CSS, I always run mine through http://csslint.net to catch any errors. Sometimes just one missing bracket can cause the whole thing to not run.
  5. Here's the code I use. You can change up the colors to match your brand: .code-block a { color: #ed834a; padding-bottom: .05em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(237,131,74,.3); }
  6. @KristenisNeat you'd want to replace .Header-nav-item:after { with .Header-nav-item:not(:last-child):after { in the original code.
  7. @KristenisNeat Great question! You'd just want to change up the code a bit from Ghost like this: .Header-nav-item:not(:last-child):after {
  8. Hi @holliruth, I've had this happen before when there was an error in the CSS code. Have you tried running it through http://csslint.net/ to check for errors?
  9. Hi @emma444, @ghostplugins has a workaround for adding the old style gallery blocks to 7.1: https://www.ghostplugins.com/steps/9ehnk49g
  10. @MarHigh this may work for you: https://christyprice.com/squarespace-tips-tricks/how-to-invert-logo-color-blog-post
  11. Thanks @JustinBullseye! You made my day.
  12. I've been on the platform for about 3 years and in my experience search has never worked well or as expected. I hope that it's on the roadmap to fix.
  13. Hi @sharine, 7.0 doesn't use portfolio pages. Are you perhaps using a blog for your portfolio?
  14. Hi @carolynmackin, Montauk has a different code base. Here's what you'll need to add to Design > Custom CSS to remove the active link underline: #topNav ul>li.active-link>a { border-bottom-width: 0 !important; }
  15. Aw, thanks @Aesthetic_Collab! Glad it was helpful!
  16. Hi @Asiya, you can adjust the image focal point to change what part of the banner you see on mobile - that would be my first recommendation. If that doesn't work, you might consider having a different banner image for mobile. I have a post on that here and there are some threads in the forum as well.
  17. 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.
  18. 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.
  19. You need to add h1 after the block-id, just like it is after the collection-id in the code above
  20. @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; } }
  21. @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.
  22. 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
  23. 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.
  24. 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; } }
  25. 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.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.