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 @hollydo, The first thing I'd recommend is setting the Header Vertical Spacing to 0 in Design > Site Styles, under SITE: HEADER. If you'd like to reduce it further, the exact code depends on your current site spacing setting. If you've left it the default small spacing, you can target margin-top and margin-bottom for .site-spacing-small .site-header in custom css.
  2. Hi @vsulzer26, The York template does not allow for Social Icons in the header natively. The photo you've posted is of a Brine family template, so Social Icons in the navigation will automatically be hidden on mobile view. If you'd like to set the mobile breakpoint higher so that mobile view kicks in on larger screens, you can do that in Design > Site Styles.
  3. You'll need to make sure you've turned off AJAX loading in Design > Site Styles.
  4. One way to achieve this would be to use a Blog page, set to display 1 post per page, full text. Then set up posts to publish on a daily schedule.
  5. Hi @andrehanauer, To invert the logo color on mobile, try adding this to Design > Custom CSS: @media screen and (max-width:767px) { .header-title-logo img { -webkit-filter: invert(100%); filter: invert(1); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } }
  6. Your best bet would be the Universal Filter plugin: https://www.squarewebsites.org/products/universal-filter
  7. You could try targeting the Blog List page collection-id and then setting the secondary metatdata to display: none; If you want to post a link someone may be able to help with the exact code.
  8. Try targeting the description on that particular page using the specific collection-id. Add something like this to Design > Custom CSS: #collection-5c462139aa4a995fe6b67bac .desc-wrapper p>strong { color: #ffffff !important; }
  9. In the Additional Info tab, you could try Silva Bokis's method using a markdown block: https://www.silvabokis.com/squarespace-tips/how-to-create-hideshow-faqs-in-squarespace
  10. Hi @theonefredy, Try adding this to Custom CSS to hide titles on galleries: #project .project-item>.meta h1 { display: none !important; } If it's just for one page, add it to that page's Page Code Header Injection and wrap it in <style></style> tags.
  11. Hi @alecmomont, Try using this instead since you are using your site title in text instead of an image. <style> .has-site-title .Header-branding { color: #1a1f2d !important; } </style>
  12. @justinpheap.co I use one Home index page. Within that index I have one subpage for desktop view and one subpage for mobile that I show/hide with the code above.
  13. @justinpheap.co, I use index pages and just hide/show the subpages, so the page URL stays the same.
  14. @Chira, that looks fantastic! Great job and so glad I could help. ☺️
  15. You could use this code when targeting your specific button class in Custom CSS - just change out the colors: https://codepen.io/miraviolet/pen/ZobWEg
  16. Hi @JonJonJon, I'm not sure if this is what you are asking, but I hide these subpages from SEO so they don't show up as individual pages in Google or Bing. Check Hide this page from search results in the SEO tab of Page Settings for each subpage.
  17. Hi @John2141, you can achieve this by dragging your image block over the text until you see a square (instead of a line) - that means the text will wrap around the image. There's some good help in this support article: https://support.squarespace.com/hc/en-us/articles/206543987-Moving-blocks
  18. Hi @clear_start_creative, glad it worked for you! If you could click the arrow on top of the zero beside the post, that shows that it was solved if people later have the same question. To have different colors, you'd need to split the css like this and then swap out your hex codes for the appropriate colors. If you need a hand, pm me and I can send you a booking link. #collection-5e13658f3e57556de2ad6815 .desc-wrapper p>strong { color: #051920 !important; } #collection-5e13658f3e57556de2ad6815 .desc-wrapper p { color: #051920 !important; }
  19. @clear_start_creative, Try adding this to Design > Custom CSS #collection-5e13658f3e57556de2ad6815 .desc-wrapper p>strong, #collection-5e13658f3e57556de2ad6815 .desc-wrapper p { color: #051920 !important; }
  20. Hi @MishaGo, you can check out the source code and pull from there. On that particular site I used two FontAwesome icons stacked. Here's that part of the code: <a href="https://www.linkedin.com/" target="_blank"><span class="fa-stack fa-1x"> <i class="fas fa-circle fa-stack-2x"></i> <i class="fab fa-linkedin-in fa-stack-1x fa-inverse"></i> </span></a> You would replace the URL with yours.
  21. @lindseyturner, exactly. You can use the Chrome extension Squarespace Collection/Block Identifier that JonJonJon mentioned above to easily discover and copy the block-id. Then you can change the font size from 20 to whatever works for you.
  22. For customizability, you might consider using a regular page and then removing the header and footer on that one page.
  23. You can change this in Design > Site Styles. If you have adjusted the setting below and it's not working, first try it in a different browser. If it's still not working, then it's a job for Squarespace technical support.
  • Create New...