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

christyprice

Circle Member
 View Profile  See their activity

  • Content Count

    469

  • Joined

  • Last visited

  • Days Won

    4

Everything posted by christyprice

  1. christyprice
    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; }
  2. christyprice
    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.
  3. christyprice
    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
  4. christyprice
    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:
  5. christyprice
    Hi @createdbyjerome, Try adding this to Custom CSS: /* remove blog tags */ .blog-item-tags { display: none; }
  6. christyprice
    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
  7. christyprice
    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>
  8. christyprice
    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
  9. christyprice
    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>
  10. christyprice
    Make sure AJAX loading is turned off in site styles if your new template allows for that.
  11. christyprice
    Each website has its own subscription.
  12. christyprice
    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
  13. christyprice
    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!
  14. christyprice
    @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.
  15. christyprice
    @ladykatap, glad you got it sorted! You can also style your PayPal button to match your site, which is something I normally do.
  16. christyprice
    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.
  17. christyprice
    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!
  18. christyprice
    Thirty Eight Visuals has a great post on how to achieve this using Custom CSS: https://thirtyeightvisuals.com/blog/multicolumn-text-squarespace
  19. christyprice
    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%); }
  20. christyprice
    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.
  21. christyprice
    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>
  22. christyprice
    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; }
  23. christyprice
    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; }
  24. christyprice
    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.
  25. christyprice
    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; }
×
×
  • Create New...

Support

Community

Developers

Resources