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

christyprice

Circle Member
  • Content Count

    349
  • Joined

  • Last visited

  • Days Won

    3

Everything posted by christyprice

  1. 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
  2. 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>
  3. 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
  4. 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>
  5. Make sure AJAX loading is turned off in site styles if your new template allows for that.
  6. 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
  7. 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!
  8. @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.
  9. @ladykatap, glad you got it sorted! You can also style your PayPal button to match your site, which is something I normally do.
  10. 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.
  11. 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!
  12. Thirty Eight Visuals has a great post on how to achieve this using Custom CSS: https://thirtyeightvisuals.com/blog/multicolumn-text-squarespace
  13. 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%); }
  14. 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.
  15. 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>
  16. 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; }
  17. Hi @iamjh, if you don't add any text or other blocks to the Intro area, it won't show up on your live site. If for some reason you want to hide it, you can do that by targeting the specific block-id and adding custom css to hide it: #your-block-id-here { display: none; }
  18. Hi @bureau_sort, What sort of customization do you want to do? In Design > Site Styles you can change the body link color (under CONTENT: COLORS > Links) and footer link color (under FOOTER CONTENT: COLORS > Links). If there are other customizations other than color, let us know what you'd like to do and someone will be able to provide the code.
  19. Hi @kytex, This code should do the trick. You'll paste it into Design > Custom CSS #block-yui_3_17_2_1_1548865442284_10885 h3 { text-transform: none !important; }
  20. Hi @bureau_sort, Could you please share a link to your site with examples of which links you'd like to change? That way someone can help you out with the correct code for your template.
  21. Hi @olipowell, Try targeting the image wrapper: div#block-yui_3_17_2_1_1576159652296_3844 .image-block-outer-wrapper { box-shadow: 0px 4px 8px 2px rgba(0,0,0,.1); }
  22. I’ve used Drift successfully for chat. Hubspot also has a good solution. If you want more flexibility than the built-in Squarespace pop-up, Hello Bar is a good option.
  23. This isn’t the unicorn you’re looking for (you have to pay a fee for >25 entries, etc) but it might be worth checking out. community box
  24. Yes, you can do this in Design > Site Styles. Under HEADER: TOP, you'll need to change Center Layout to Stacked instead of Horizontal.
×
×
  • Create New...