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

    551

  • Joined

  • Last visited

  • Days Won

    4

 Content Type 

Everything posted by christyprice

  1. christyprice
    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. christyprice
    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. christyprice
    You'll need to make sure you've turned off AJAX loading in Design > Site Styles.
  4. christyprice
    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. christyprice
    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. christyprice
    Your best bet would be the Universal Filter plugin: https://www.squarewebsites.org/products/universal-filter
  7. christyprice
    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. christyprice
    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. christyprice
    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. christyprice
    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. christyprice
    @zara_ess, it is donation based.
  12. christyprice
    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>
  13. christyprice
    @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.
  14. christyprice
    @justinpheap.co, I use index pages and just hide/show the subpages, so the page URL stays the same.
  15. christyprice
    @Chira, that looks fantastic! Great job and so glad I could help. ☺️
  16. christyprice
    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
  17. christyprice
    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.
  18. christyprice
    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
  19. christyprice
    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; }
  20. christyprice
    @clear_start_creative, Try adding this to Design > Custom CSS #collection-5e13658f3e57556de2ad6815 .desc-wrapper p>strong, #collection-5e13658f3e57556de2ad6815 .desc-wrapper p { color: #051920 !important; }
  21. christyprice
    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.
  22. christyprice
    @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.
  23. christyprice
    For customizability, you might consider using a regular page and then removing the header and footer on that one page.
  24. christyprice
    @JonJonJon that's the extension I use and recommend.
  25. christyprice
    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...

Support

Community

Developers

Resources