Jump to content

concretenz

Circle Member
  • Posts

    36
  • Joined

  • Last visited

  • Days Won

    1

Reputation Activity

  1. Love
    concretenz reacted to KAMCOM007 in Disabling Portfolio Project Pages in Squarespace Version 7.1   
    So, Chris.SE's solution works awesome and he was generous enough to put his code out there for free. His post is a couple pages back, but here is the link https://schwartz-edmisten.com/blog/how-to-set-squarespace-portfolio-items-to-draft

    Maybe Squarespace needs to just pay him for this code to embed into their product and create a toggle button with it.
  2. Love
    concretenz reacted to iamdavehart in Typography question - letter with a macron ā   
    ok, I looked up the fonts in your page source and they're slightly different, so if you add this code to that page it should work
    <style> @font-face{font-family:omnes-pro; src:url(https://use.typekit.net/af/0bc945/000000000000000077359c15/30/l?subset_id=1&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/0bc945/000000000000000077359c15/30/d?subset_id=1&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/0bc945/000000000000000077359c15/30/a?subset_id=1&fvd=n4&v=3) format("opentype"); font-weight:400; font-style:normal; font-stretch:normal; font-display:auto; } </style>  

  3. Love
    concretenz reacted to colin.irwin in Breadcrumb at the start of every blog post.   
    The code below is part of a larger function that manages breadcrumbs for multiple sections of a client's site - blog collections, index pages and regular pages. 
    This is just for the news section, which is a blog. 
    First the JavaScript (this requires jQuery to be installed).  Also, it's for a 7.0 site with Ajax loading enabled. For 7.1 sites or 7.0 sites with Ajax disabled you would swap out the window.Squarespace.onInitialize(Y, function() for $(document).ready(function(){
    window.Squarespace.onInitialize(Y, function(){ processBreadcrumbs(); }); function processBreadcrumbs() { var thisPath = window.location.pathname; var thisPage; var breadcrumbLink; if (thisPath.includes('/news')) { $('.BlogItem-title').addClass('pad-site'); thisPage = $('.BlogItem-title').text(); $('.Main--blog-item .Main-content').prepend('<div id="breadcrumbNewsArticle"><div><a href="/">Home</a> &#187; <a href="/news-and-insights">News</a> &#187; <span class="truncate">'+thisPage+'</span></div></div>'); } }  
    Now some Custom CSS. The first class, .pad-site, is just to format the blog post title to make it consistent with the rest of the site. 

    The second class,  .truncate, tidies up long post titles so that the breadcrumb doesn't look too long. It stops the text at 320px wide and inserts an ellipsis to indicate it has been truncated.  It looks like this:

    The third CSS rule that begins with [id^="breadcrumb"] contains the styling for the breadcrumb links. 
    The Custom CSS
    .pad-site { padding-top: 34px; font-size: 28px; } .truncate { display: inline-block; width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } [id^="breadcrumb"] { font-size: 16px; font-weight: 400; font-style: normal; font-size: 16px; letter-spacing: .1em; a { color: @black; border-bottom: 1px dotted @black; &:hover { opacity:0.8; } } }  
    Finally, a caveat. I haven't tested this code on 7.1 sites. It's probable that it won't work by simply pasting it into your site and would need some editing to make it function correctly. 
  4. Love
    concretenz reacted to houghtoncreative in Breadcrumb at the start of every blog post.   
    Cheers @colin.irwin
    Here's it working on 7.1
    <script>$(document).ready(function(){ var thisPath = window.location.pathname; var thisPage; var breadcrumbLink; thisPage = $('.blog-item-title').text(); $('.blog-item-top-wrapper').prepend('<div id="breadcrumbNewsArticle"><div><a href="/">Home</a> &#187; <a href="/news-and-insights">News</a> &#187; <span class="truncate">'+thisPage+'</span></div></div>'); }); </script>  
  5. Like
    concretenz reacted to paul2009 in Why custom CSS is not working?   
    Friday 15 April 2022:
    I can confirm there is currently an issue with the preview pane on Squarespace 7.1 sites that is preventing CSS from being previewed correctly whilst editing the site.
    It has been reported to Squarespace's Engineering team, and they’re currently prioritizing the issue.
    The temporary workaround is not very efficient, but is functional. Open a second browser window in private/incognito mode and preview your website in this other window without logging on to Squarespace. If you are in a trial, you will need to set a public site-wide password to allow you to view the site whilst not logged on.
    With both windows open, you can make CSS changes in the main logged-in window, save them and then refresh the private window to see if they have worked as expected.
    Regarding issues generally, you can report issues with the platform directly to Squarespace using this link.
    Did this help? Please give feedback by clicking an icon below  ⬇️
  6. Love
    concretenz reacted to Beyondspace in [Free Share] Custom Hamburger Animation   
    Site URL: https://beyondspace-showcase.squarespace.com/custom-hamburger/?password=1234&utm_source=squarespace_forum&utm_medium=topic&utm_campaign=promo
    Hi my friends,
    I've been asking alot about applying fancy hamburger animation to Squarespace, so I tried to create a tool where the various animation can be fit well with Squarespace markup
    Access to this page for the step-by-step instruction to copy and paste the final code into your custom css, it will replace the current animation
    https://beyondspace-showcase.squarespace.com/custom-hamburger
    Note: This solution is specifically for applying custom animation, with options to change color of normal and active state, other term such as width or thickness will need to be implement manually
     
    videos.mp4
  7. Thanks
    concretenz reacted to sarahcreates in How to replace logo with SVG 7.1?   
    I think I may have found the answer to this... my site is still in trial mode before launch and this is an expected behaviour. Squarespace hd posted elsewhere saying due to recent changes, any sites in Trial Mode will not have external access to uploaded files. Once a site is upgraded to a paid plan, file access will work as normal. 

    Seems bizarre though as it works in Safari...
  8. Thanks
    concretenz got a reaction from creedon in One column grid for specific portfolio page   
    Legend!!! thank you!!!
  9. Thanks
    concretenz reacted to creedon in One column grid for specific portfolio page   
    Assuming you are using one of the Grid (Overlay or Simple) Layouts for your Others Page, put the following in Design > Custom CSS. If you use a Layout other than one of the grids then this code won't work.
    /* 100% (auto) */ /*insert Page collection id here]*/ [class^="portfolio-grid-"] {   grid-template-columns: auto;      } Replace /*insert Page collection id here*/ with the collection id for your Others Page.
    Do you know how to find the collection id for a Page? If not, let us know and we can help you.
    If you don't want the column to take up the whole page following are some variations.
    /* 75% */ /*insert Page collection id here]*/ [class^="portfolio-grid-"] {   grid-template-columns: repeat(8,auto);      } /*insert Page collection id here]*/ [class^="portfolio-grid-"] .grid-item {   grid-column: 2 / 8;      }  
    /* 50% */ /*insert Page collection id here]*/ [class^="portfolio-grid-"] {   grid-template-columns: repeat(4, auto);      } /*insert Page collection id here]*/ [class^="portfolio-grid-"] .grid-item {   grid-column: 2 / 4;      } If you have the business plan then you can put the CSS in Page Settings > Advanced > PAGE HEADER CODE INJECTION.
     
    <style>   /* 100% (auto) */      [class^="portfolio-grid-"] {        grid-template-columns: auto;          }        </style> It is basically the same as above just wrapped in a style tag and minus the collection id.
    The CSS uses CSS3 substring matching attribute selectors.
    Let us know how it goes.
  10. Thanks
    concretenz reacted to Enny.nz in Adding text to a fullscreen slideshow on Ver 7.1   
    Hey zerosite, I'm not sure you already solved this, but to get the gallery to go under the navigation I've added this code in the page advanced tab.
    <style> .page-section:first-child { padding-top: 0!important; } </style I hope this helps :)
  11. Love
    concretenz got a reaction from Marzon in Remove hover overlay on Portfolio page on mobile (Have text show without hover on mobile)   
    Thank you for this 🙂 
    - This should be standard on 7.1 I think. Seriously the amount of custom css required for 7.1 is painful.
  12. Thanks
    concretenz reacted to Marzon in Remove hover overlay on Portfolio page on mobile (Have text show without hover on mobile)   
    Thanks @bangank36 ! Exactly what I needed
  13. Thanks
    concretenz reacted to hharvey in Form fields not lining up   
    Site URL: http://www.hardianhealth.com
    Hi,
    I have added a newsletter form block in the pre-footer space (Bedford template). The form fields won't align horizontally however - the email field appears to drop a few pixels. I have tried adjusting layout to 'float fields' but that doesn't change anything. 
     
    Frustrated I deleted the form and made a new one in the same place, but the issue just reoccurs. See pic below.
     
    I don't have any custom CSS that covers form fields that could be making this error.
    This only happens if using Chrome, the form otherwise looks fine in Safari.

  14. Thanks
    concretenz reacted to tuanphan in Avenue: Change block order on mobile?   
    Add to Home > Design > Custom CSS
    @media screen and (max-width:640px) { div#page-5dc48a5090367c2c43071590>.row.sqs-row { display: flex; flex-direction: column-reverse; } }  
×
×
  • 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.