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 do this by adding code to the page code injection. For Brine family templates like Sonora, you'd use <style> .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style> You can follow exact steps in this post. It also covers Bedford family templates and inverting the navigation color as well.
  2. To do that, you'll need to recreate the entire line of social media icons as a code block using FontAwesome. You'll include the Font Awesome code in your site code injection as detailed in this post, then in a code block add the code for the icons and links, something like this: <div><a href="mailto:youremailaddress" target="_blank"> <span class="fa fa-envelope"></span></a> <a href="https://yourlink.com" target="_blank"> <span class="fa fa-globe"></span></a> </div>
  3. Hi @KariLivs, I agree about blogging in 7.1... I'm hoping it continues to improve. For now, for all my clients with blogs I'm building in 7.0. But, to answer your slider question, this plugin from SQSP Themes (aff) works great in 7.1! Hope it is helpful for you.
  4. Yes, it's a slightly different code for those. Try this: #mainNavigation .folder-toggle { font-family: 'AspiraWide' !important; }
  5. @miller.nw, I agree with what @sarah says. Squarespace Campaigns is great (I use it myself), but there are some use cases where it's not ideal. For example, you can only automate up to 60 days from their join date. So you'd have to complete your sequence within 2 months.
  6. Yes! I've done this ( the same social icon but with different links) even within one page using FontAwesome. You can see it in action here. It requires a bit of finesse. You'll need to use code blocks and Font Awesome. I have a post on adding Social Icons to the nav bar using the same method, so you could follow these steps and just use a code block rather than putting things in the nav. Step 1. Copy and paste the stylesheet code from Font Awesome in your Code Injection Step 2. Add a code block with the icon and link you want. Here's an example: <a href="https://www.yourlinkhere.com" target="_blank"> <i class="fab fa-facebook-f"></i> </a>
  7. I second what @BigJosh says. Also, make sure you've connected your Squarespace site in Mailchimp and added that code to Squarespace. You can find the exact steps here.
  8. 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.
  9. 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.
  10. 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>
  11. 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; }
  12. 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.
  13. 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
  14. 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:
  15. Hi @createdbyjerome, Try adding this to Custom CSS: /* remove blog tags */ .blog-item-tags { display: none; }
  16. 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
  17. 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>
  18. 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
  19. 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>
  20. Make sure AJAX loading is turned off in site styles if your new template allows for that.
  21. 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
  22. 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!
  23. @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.
  24. @ladykatap, glad you got it sorted! You can also style your PayPal button to match your site, which is something I normally do.
  • Create New...