Jump to content

christyprice

Circle Member
  • Posts

    964
  • Joined

  • Last visited

  • Days Won

    7

Community Answers

  1. christyprice's post in How to get a different logo on the homepage was marked as the answer   
    Hi! This is the method I use: https://christyprice.com/blog/how-to-invert-logo-single-page-squarespace
  2. christyprice's post in Removing lower blog navigation was marked as the answer   
    Try adding this to Custom CSS:
    #itemPagination {
        display: none;
    }
     
  3. christyprice's post in Show JavaScript, JSON or YAML code on page was marked as the answer   
    Hi @DanielLangenhan, I think the simplest way to do this would be to embed the code from GitHub Gist or CodePen.
  4. christyprice's post in How to delete the header of a sales page? was marked as the answer   
    To remove the header and footer on Squarespace 7.1, use this code in the Page Header Code Injection:
    <style> .header, footer, .Mobile-bar--top { display: none!important; } </style>  
  5. christyprice's post in Can my gallery section sit under a transparent navigation? was marked as the answer   
    @PartTwoDesign if you want this just for the homepage, you can use this code from @tuanphan:
    .homepage .header-announcement-bar-wrapper { background: transparent !important; position: absolute !important; } If it's for a different page, you'll want to replace .homepage above with the collectionID for that page starting with # - I have a walkthrough on how to find that: https://christyprice.com/blog/how-to-find-block-section-ids-squarespace
  6. christyprice's post in Page counter for specific page was marked as the answer   
    @3dpotter you can look under Analytics > Site Content and see the number of views per page. In the upper right of the screen you can change the timeline for the analytics.
  7. christyprice's post in Is there a way to track specific outbound link clicks? was marked as the answer   
    I use the free version of Rebrandly https://www.rebrandly.com/ with a custom domain to set up custom short links so I can view a tally of clicks. Doesn't work for anything advanced, so it may not be a solution for you, but it's nice to see at a glance which links are getting clicked and how many times.
  8. christyprice's post in Is there a way to track specific outbound link clicks? was marked as the answer   
    You set up a short link for anything and use that anywhere you want to track links. Then you can see a tally for each short link click. 
  9. christyprice's post in Hide a single block from the footer on a certain page was marked as the answer   
    #collection-618c2bbce1ae7c27313ab6d4 section[data-section-id="61a11c6f01d66c32ef8d9591"] { display: none; } Try this in Custom CSS. 
  10. christyprice's post in Change nav link text color on About page was marked as the answer   
    Try adding this to Custom CSS and replacing the Collection ID and hex code:
    #COLLECTIONID .header-nav-wrapper a, #COLLECTIONID .header-nav-wrapper .header-nav-item--active a { color: #ec8a63; } #COLLECTIONID .icon svg { fill: #ec8a63; }  
  11. christyprice's post in CSS not working was marked as the answer   
    Try targeting the overlay class:
    .sqs-video-overlay { border-radius: 18px !important; }  
  12. christyprice's post in Trouble with line breaking of site header on mobile was marked as the answer   
    Hi @Skovbo, this looks to be a line height setting. If you go into Site Styles: Fonts: Headings and increase Line Height this should take care of that overlap. 
    Or you can target it with some Custom CSS for mobile screens:
    @media screen and (max-width: 767px) { h1 { line-height: .9 !important; } }  
  13. christyprice's post in Changing number of posts shown on carousel on blog page banner was marked as the answer   
    Hi @lukecoffey Looks like you are on a Bedford family template. I'm not sure what the limit is on the number that are cycled through, but it's definitely more than 3. You'll want to set each post you'd like to show up in the carousel as "featured." Here's how to adjust that setting.
  14. christyprice's post in Avenue Shop - Larger Text for Product List + Prices was marked as the answer   
    Hi @kalyquarles - thanks for the access! Try pasting this into Design> Custom CSS:
    #productList .product .product-title { font-size: 18px !important; } #productList .product .product-price { font-size: 16px !important; } You can change the 18px and 16px to adjust the sizing as needed.
  15. christyprice's post in Change "back" text in mobile nav menu was marked as the answer   
  16. 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. 
  17. 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
     
  18. 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; }  
  19. 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); }  
  20. 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.
  21. 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; } }  
  22. 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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.