Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Community Answers

  1. nick_sh's post in Strange fluid engine experience — rows have no height? was marked as the answer   
    Yeah I tried but no luck. Had to recreate the website.
  2. nick_sh's post in How to place an image block so that it sits in the right place was marked as the answer   
    To remove:
    @media(min-width: 601px) and (max-width: 1200px) { .fe-block-yui_3_17_2_1_1708083773595_75032 { display: none; } } but maybe use one image as @Snowday suggested
  3. nick_sh's post in Accordion content Movement issue was marked as the answer   
    The flex-start code it correct, it works for me with flex-start. But maybe add !important;
  4. nick_sh's post in Portfolio URL redirect was marked as the answer   
    There are 3 options:
    1. You can try redirecting with js from portfolio page itself, not sure how it's treaded by Google though. Try adding to code block:
    <script> window.location.replace('URL') </script> 2. Alternatively, move portfolio page to not linked, and hide it from SEO. 
    3. You can add regular sections to portfolio page, so you can just use those and hide the actual portfolio section.
  5. nick_sh's post in Author's profile photo cuts was marked as the answer   
    .blog-item-author-profile-wrapper .author-avatar-image { top: 0 !important; left: 0 !important; }  
  6. nick_sh's post in Added 'MENU' label beside the burger icon. Need it to change color when opened. was marked as the answer   
    .header--menu-open .header .header-burger:after { color: ... }  
  7. nick_sh's post in Target portfolio posts in 7.1 with CSS? was marked as the answer   
    Apparently I found  a solution long ago, but forgot to post. Single portfolio pages can be targeted via body id that contains item. Code needs to be added in portfolio page settings → advanced → code injection:
    [id*="item"] ...YOUR CLASSES HERE... { }  
  8. nick_sh's post in Custom fonts stopped working was marked as the answer   
    It's something with how bold font is uploaded, try reuploading it? 

  9. nick_sh's post in How to remove Portfolio pages click through was marked as the answer   
    @Katberg try adding this to Code Injection
    <script> addEventListener("DOMContentLoaded", (event) => { document.querySelectorAll('section[data-section-id="65c38c2f3d8bf72234d2ac79"] a').forEach(link => { link.addEventListener('click', e => { e.preventDefault(); }) }); }); </script>
  10. nick_sh's post in Custom paragraph style not applying to mobile was marked as the answer   
    @mart22 It needs to be Halyard Display book

  11. nick_sh's post in Stack Form Checkboxes in Mobile Only was marked as the answer   
    @media (max-width: 767px) { .checkbox .option { width: 100% !important; } }  
  12. nick_sh's post in Would like all header text, title and icons to change to black when hovering on the adaptive header background. was marked as the answer   
    you can try adding to Custom CSS
    #header:hover a, #header:hover img, #header:hover svg { filter: invert(1); } It assumes items are black → they will invert to white.  Not sure if it covers all elements though. 
  13. nick_sh's post in Linking Hover Text on Gallery To Photo Link -Custom CSS was marked as the answer   
    .gallery-masonry-item-wrapper::after, figcaption.gallery-caption { pointer-events: none !important; }
  14. nick_sh's post in Remove overlay from image, while hovering over text on top of that image was marked as the answer   
    Re:body — I forgot to mention: you need to view with full screen editor (so no admin sidebar is visible → click on arrow in right top corner to expand) or incognito.
    This will do nothing because you need fluid engine class in your case. Because you make regular block unclickable, but fluid engine block remains. 
    Try this code to see that actual :
    .fe-block-yui_3_17_2_1_1707856363106_10388 { pointer-events: none; border: 1px solid red; }  
    Here you need  dot before the class:
    .fe-block{ border: 5px solid red; }
  15. nick_sh's post in SVG logo in footer - is it possible? was marked as the answer   
    You need to open .svg file in any text editor, copy the code and insert into Code Block
  16. nick_sh's post in Using custom code to get different ratios of store product images was marked as the answer   
    Add this to website → website tools → custom CSS:
    .ProductItem-gallery-slides-item img { object-fit: contain !important; }  
  17. nick_sh's post in Video gallery thumbnail – overlay and show title on hover was marked as the answer   
    Opaque correct selector seems to be: 
    .sqs-video-wrapper .sqs-video-overlay .sqs-video-opaque  
    .image-slide-title { ...your styles... overflow: visible !important; margin-top: 0 !important; }  
  18. nick_sh's post in Solution for headers scaling smaller at larger screen sizes? was marked as the answer   
    Got it, if you feel headings are small, you can set font sizes manually (add to Custom CSS):
    @media screen and (min-width: 1920px) .html-block h1 { font-size: ~"calc(var(--heading-1-size-value) * 1rem)" !important; } } You can play with 1 rem there. E.g.:
    @media screen and (min-width: 1920px) .html-block h1 { font-size: ~"calc(var(--heading-1-size-value) * 1.4rem)" !important; } } Or just 
    @media screen and (min-width: 1920px) .html-block h1 { font-size: 90px !important; } }  
  19. nick_sh's post in Repositioning Excerpt Item in List Summary Block was marked as the answer   
    Basic idea would be like this, you can further play with the styles. 
    .fe-block-53a098b9fb8dd2261803 { counter-reset: section; } .fe-block-53a098b9fb8dd2261803 .summary-item { display: flex; } .fe-block-53a098b9fb8dd2261803 .summary-item:before { counter-increment: section; content: counter(section) "."; line-height: 1; color: var(--headingLargeColor); font-family: var(--heading-font-font-family); font-style: var(--heading-font-font-style); font-weight: var(--heading-font-font-weight); font-size: 22px; margin-right: 12px; position: relative; top: -4px; }  
  20. nick_sh's post in I am trying to create a different header title font, yet for some reason, it worked and then stopped was marked as the answer   
    You need to target #site-title: 
    #site-title { font-family: 'adonis-web' ; }  
  21. nick_sh's post in Hide the top nav logo on home page only was marked as the answer   
    It shows the links for me:

  22. nick_sh's post in Code to remove numbers 1/2 from mobile site but keep product arrows was marked as the answer   
    .ProductItem-gallery-current-slide-indicator { display: none; } Add to Website > Utilities > Website Tools > Custom CSS
  23. nick_sh's post in Custom font css isn't working on Portfolio Page was marked as the answer   
    Not sure how you added, but try adding explicitly to and use !important: 
    .portfolio-hover-item-content { font-family: YOUR FONT !important; }  
  • 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.