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. Hi @jennycohodes1616, The answer depends on which template type you are moving to. The short answer is that you'll keep most of your content... you may lose the footer info and any content that is on template-specific page types. Squarespace has a good guide to switching templates.
  2. Hyphens drive me crazy! I always add this code to any Squarespace site I create: /* remove hyphens */ p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } You can find exact steps and another couple of snippets I use often in my blog post on Custom CSS Every Squarespace Website Needs.
  3. You can add this to the Blog Settings > Page Header Code Injection in your blog page settings. It removes some other things, too, as you can see from each line, so just delete the lines you don't need between the style tags. <style> .sqs-share-buttons {display: none;} .squarespace-comments {display: none;} .BlogItem-pagination-link-content {display: none;} .BlogList-pagination-link-label {color: #ffffff;} .BlogItem-pagination-link--prev, .BlogItem-pagination-link--next {display: none;} </style>
  4. Try adding this to your Custom CSS to increase the top padding of the blog list page. You may need to target it just for desktop depending on your code and settings, but this should get you started: .Main--blog-list { padding-top: 100px !important; }
  5. Something like this should work: .Header--bottom { background: #FFA500 !important; padding-bottom: 20px !important; } You can adjust the background hex color and play around with the padding.
  6. I've done this by using FontAwesome for the icons and creating code blocks. This post explains how to add them to the nav bar, but the same general method would work in any code block: https://christyprice.com/squarespace-tips-tricks/how-to-add-social-media-icons-to-squarespace-navigation You can see it in action (not in the nav bar) here: https://www.orinrice.com/about
  7. You could either target the collection-id in custom css (in 7.0) and change text color page-wide, or use markdown blocks within the page. Here's another post you might find helpful on that:
  8. Hi @createdbyjerome, Try adding this to Custom CSS: /* remove blog tags */ .blog-item-tags { display: none; }
  9. For any of the 7.1 templates, you can follow this official Squarespace guide on how to style buttons: https://support.squarespace.com/hc/en-us/articles/360028367571-Version-7-1-style-and-design-options#toc-buttons
  10. Hi @alecmomont, try changing your code to this. It should both remove the banner and invert the logo. <style> .Intro.Intro--has-image{ display: none; } .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style>
  11. I wonder if you have other code preventing it from working? Here's how it works for me. I demo it on a page first, then put it in the nav: https://www.loom.com/share/5c45361a872b4a3dae29bdecfc15bea9
  12. You need to include the full code, including the first line. This is what should go in the LINK area for your Resy button: <a href="https://resy.com/cities/sf/nyum-bai" id="resyButton-lYhGuXY0mf">Book your NYUM BAI reservation on Resy</a> <script src="https://widgets.resy.com/embed.js"></script> <script> resyWidget.addButton(document.getElementById('resyButton-lYhGuXY0mf'), {"venueId":9633,"apiKey":"2DLr8n3maylI5Gq4xA2kWUNi6e3IPPcf","replace":true,}); </script>
  13. Make sure AJAX loading is turned off in site styles if your new template allows for that.
  14. Nueva is a Brine Family template and @ChrisSE has a great tutorial on this: https://schwartz-edmisten.com/blog/squarespace-tutorial-fixed-header-in-brine-template
  15. Hi @aaninetythree! I've done this before by adding a Link (under Other in the popup) to the nav bar. You'd paste in your code where it says https://example.com and call the link title something like Resy. You can't see the code after you save it, but it has always worked for me. Good luck!
  16. @SSKB, you would want to embed the paypal code in a code block. It won't work to try to add the code to a Squarespace button.
  17. @ladykatap, glad you got it sorted! You can also style your PayPal button to match your site, which is something I normally do.
  18. Hi @AnjaNotanja, You can embed a Mailchimp signup form in a Code block (requires a business plan). This would be a bunch of code that has <form> in it. As for CNAME and A records, those have to do with your domain registrar. You'd log in to whoever you pay for your domain name and add the records Mailchimp requires in the DNS settings.
  19. Hi @lstrauss831, my go to template is any from the Brine family. I did a restaurant website on Brine and it was great! Social media icons are available in the navigation for Brine family templates. Also, if you’re ready to dive into the 7.1 template, social media is available in the navigation there as well. Best of luck with your website!
  20. Thirty Eight Visuals has a great post on how to achieve this using Custom CSS: https://thirtyeightvisuals.com/blog/multicolumn-text-squarespace
  21. Sure. For the font color, weight, etc. you can just add those lines in with the code above, so something like this: .sqs-gallery-block-slideshow .meta .meta-title, .sqs-gallery-block-slideshow .meta .meta-description { text-align: center; font-size: 30px; color: #000000; font-weight: 700; } Changing the font, you'd add in a line for font-family: new-font; You'd just want to make sure that font is actually loaded on the site. For the opacity, this adjusts the starting opacity at the bottom to 70%:], but you can play around with the colors and percentages. There's different code for the different rendering engines (-ms is for Internet Explorer, etc.): .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(30,30,30,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(30,30,30,.37) 100%); }
  22. Ah, sorry - I misread your original post and didn't realize there was a navigation going down the side. Offhand, I'm not sure how the nav would know when it's over a particular index section - that looks like it's custom code? I'd ask the original developer or perhaps someone else here can help you out.
  23. Hi @tplazol, On the pages where you'd like the logo inverted, try adding this code to the Page Settings > Advanced: Page Header Code Injection <style> .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style>
  24. Hi @natejmedia, Try adding this code to Design > Custom CSS: .sqs-gallery-block-slideshow .meta .meta-title, .sqs-gallery-block-slideshow .meta .meta-description { text-align: center; }
  • Create New...