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


Circle Member
  • Posts

  • Joined

  • Last visited

  • Days Won


Community Answers

  1. christyprice's post in Change "back" text in mobile nav menu was marked as the answer   
  2. christyprice's post in 'Read More' links changed to 'listen' but not if you access blog from menu was marked as the answer   
    Try turning off AJAX loading in site styles. Usually these issues that are resolved by reloading have to with cache and turning off AJAX doesn’t allow the cache. 
  3. christyprice's post in Showing Mobile Hamburger Menu on Desktop (7.0/Rally) was marked as the answer   
    Hi @Guest2020,
    You can do this my changing the mobile breakpoint in Design > Site Styles. Minimist has a good guide on this here: https://www.minimist.ca/articles/force-mobile-navigation-on-squarespace-brine-templates
  4. christyprice's post in Centre the form post-submit message text was marked as the answer   
    @KickinGa you can add this to Custom CSS
    .form-submission-text { text-align: center; }  
  5. christyprice's post in Links in Code Block not appearing in Footer was marked as the answer   
    Here's the code I use. You can change up the colors to match your brand:
    .code-block a { color: #ed834a; padding-bottom: .05em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(237,131,74,.3); }  
  6. christyprice's post in How to change color of social icons? was marked as the answer   
    Hi @Contz. Try adding this code to Design > Custom CSS:
    .sqs-use--icon { fill: #0A97A9 !important; } You can change the HEX color to any you like. 
  7. christyprice's post in Remove navigation menu but leave logo was marked as the answer   
    Hi @calechip,
    The easiest method works if you are on a Business Plan or higher. In the Pages menu, click the cog icon beside the homepage, you can add this code under Advanced > Page Header Code Injection
    <style> .header-nav-list>div { visibility: hidden; } </style> If you are on the Personal Plan, you'll need to target the ID of the homepage and add this code to Design > Custom CSS . Just be sure to swap out the collection-id for the one on your homepage. Here's how to find that.
    #collection-5fff72fed2b2d307fbe42388 .header-nav-list>div { visibility: hidden; }  
  8. christyprice's post in highlighting menu on hover was marked as the answer   
    Yep, to highlight on hover use this code and change the hex value from blue to whatever color you'd like:
    .header-nav-wrapper a:hover { color: #000099 !important; }  
  9. christyprice's post in Different logo on the home page was marked as the answer   
    Check your Help menu to see what version of Squarespace you are in. If you are in 7.1, Brine, or Bedford, I have a post that details how to do this. The code varies depending on your version/template:
  10. christyprice's post in Font weight not responding was marked as the answer   
    Hi @CanadaSue,
    Font weights don't have px. So it would just be something like
    font-weight: 500 !important; Not all weights are supported on all fonts, so fiddle around with the 500 to 700, etc.
  11. christyprice's post in Disable lightbox on specific summary block was marked as the answer   
    Hi @Esquirebr,
    You would combine the two like this:
    #block-yui_3_17_2_1_1584715631892_17063 .summary-thumbnail-container { pointer-events: none !important; } This changes the summary thumbnail pointer class only for that particular block id.
  12. christyprice's post in How to change font face and size for blog list view was marked as the answer   
    Hi @gloyang06, 
    You can target those particular font sizes using this code added to Design > Custom CSS. I exaggerated the font sizes, so play around with those until you get the look you want. 
    .blog-side-by-side .blog-categories { font-size: 2rem; } .blog-side-by-side .blog-title { font-size: 1rem; }  
  13. christyprice's post in Make Donation Button Larger was marked as the answer   
    Hi @jorge0246, you can paste this code into Design > Custom CSS. Play around with the 20px value until you get the look you want:
    .sqs-donate-button { font-size: 20px !important; }  
  14. christyprice's post in Changing Title Font color on single banner was marked as the answer   
    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; }  
  15. christyprice's post in Changing Color of Banner Text on One Banner was marked as the answer   
    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; }  
  16. christyprice's post in Changing size of one banner heading for mobile only was marked as the answer   
    You'd want to target that specific block for mobile only  in Design > Custom CSS. Try this and play around with the font size.
    @media screen and (max-width: 640px) { #block-b804c57f124fbfbe2d7f { font-size: 20px !important; } }  
  17. christyprice's post in Programme page was marked as the answer   
    You would either need extensive coding or a third party plugin. This isn't quite what you're looking for, it's more of a directory plugin, but it will give you an idea of plugins you could add: https://www.communitybox.co/
  18. christyprice's post in Add Social Links to Multiple External Sources (In Addition to Own Social Links) was marked as the answer   
    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
  19. christyprice's post in Box Shadow to specific image was marked as the answer   
    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); }  
  20. christyprice's post in Different Banner Image on Mobile was marked as the answer   
    ETA: If you are on the newer Squarespace 7.1, this post has a walkthrough: How to Show a Different Banner Image on Mobile in Squarespace
    Hi @Joeyearthly,
    If you are using an index page, I have a different workaround that I like a bit better, since you can make whole area specific for mobile instead of just the banner image. I create two "sub-pages" at the top of the index page, one for desktop view (with the URL slug home-banner) and one for mobile view (with the URL slug home-banner-mobile). Then I add the following code to Custom CSS. (Note that if you want to edit the mobile from your desktop, you'll need to briefly comment out the code so you can see that page on desktop.)
    /* show home page block dependent on screen size */ @media only screen and (max-width: 780px) { #home-banner { display: none; } } @media only screen and (min-width: 781px) { #home-banner-mobile { display: none; } }  
  • Create New...