Search the Community

Site URL: https://marlow-concept-zach-naum.squarespace.com/optical-frames Hi there, I'm wondering if anyone can help me make a text block on the side of a page sticky? I have this block on the left side of the page which is functioning as a navigation bar with links to the text. I've styled the text block using CSS, and I would like to add CSS to make it sticky so that it stays in place as you scroll down the page. I've read quite a lot on how to do this (targeting the block then adding position: stick etc) but for some reason nothing I try seems to be working. Any help would be much appreciated!

Site URL: https://www.mikepintea.com On the mobile version of my front page there is a strange white space below my only section on that page. This white space is only visible on mobile, not on desktop version. Using Version 7.1. Played with every setting I could find, and tried some previous Custom CSS that people have suggested, but they did not work for me!

Site URL: https://www.emilykeatingsnyder.com/ Does anyone know how - or have custom CSS code - to add in a footer middle block? I thought all Brine family templates had top, middle and bottom footer blocks, but I'm in Clay and do not see a middle option. I would like to add a newsletter block to my footer and have it appear next to the footer navigation. Any tips or hacks would be great! Would like it to look like footer in image. Thanks!

Site URL: http://www.timjobling.co.uk Hi, I've seen this question asked a few times on here but I can't find the answer I'm looking for. I would like my mobile site to display two image columns instead of one. All the code I have tried doesn't work, I'm struggling to find the right area of of page to target with the code and I'm wondering if it's because I'm using image blocks for my layout rather than gallery pages. As always any help would be very much appreciated. Thanks.

Please could anyone help? I've come back to make final edits to a website and the editing method seems to have changed on the home page and any new pages I add. I've attached screen shots below - the first two images (showing text box between photos) are what I'm used to, the last 2 images (showing silhouette images & text) are how it has changed and seems to work completely differently. Any help greatly appreciated!!! Thanks

Site URL: https://ruby-opossum-dh2p.squarespace.com/residential-construction Hi! I'm wondering how to change the image on the left by hovering over another image block on the right. I want to showcase each step of our process with that single image block. Thanks! Password: yes

Site URL: https://www.wearefixology.co.uk HELP WITH PAGES: https://www.wearefixology.co.uk/prices-packages & https://www.wearefixology.co.uk/team Password: ruth I want the links to be teal #45A29A They are in a content blocks and don't change with my site styles color theme - any CSS to fix this? Thanks forum pals 🙂

Site URL: https://bit.ly/3aWR8tp I am using 7.1 with the new design upgrade including gridded sections. I have a page that I want to add (5) side-by-side buttons, and they are each 3 grid blocks wide by 1 tall. The grid only seems to allow for an equal number of columns, so aligning my buttons starting from the center of the grid is impossible, and reducing each button down to 2x1 also isn't possible due to font size (don't want to make smaller.) Additionally, making 4x1 is too big. Does anyone know how to adjust the number of columns for a grid? Currently only seeing how to adjust number of rows.

Site URL: https://www.cobbledstreetshop.co.uk/shop Hello! Looking at the analytics, a high percentage of my audience just go to the home page and leave rather than exploring the rest of the shop (sadly). Could I have people's opinion please on my website? I'm not sure how to improve it. I would really appreciate some advice please, thank you 🙂

Site URL: https://www.maroazul.com/menu Hi, I handle a menu for a restaurant in Europe, where the currency symbol always goes after the amount (in the US it goes before). Menu Blocks in Squarespace only place the € currency symbol before the price, can someone help me figure out how to move it to after the price? Thanks!

Site URL: https://www,xocolab.fi Hi, I made our site anew and at the same time moved to 7.1. There's two issues i cant wrap my head around and limited in my skill set on this area. First one is the scaling of fonts / blocks. I made the site on my big 4k display and it looked great. Then i checked it on my small laptop and text was overlapping each other, a mess. I had to compromise that it looks ok on small to medium screens but now theres wide gaps between headings and text on big displays. Just isn't nice looking. Any CSS for this fix? or something else im missing? Second one is commerce quick view. Photos are on many occasions getting chopped in half (check pic). Whats causing this? Code i have at the moment is as follows (if any of those are causing the issue) (.sqs-product-quick-view-content {background: white!important} /* Quick view lighbox */ div.sqs-product-quick-view-content .ProductItem-details-checkout * { color: black !important; } /* Quickview lightbox content color */ .lightbox-inner .ProductItem .ProductItem-details * { color: black; } .sqs-product-quick-view-content .sqs-add-to-cart-button {background-color: #FFE5E5!important} Thank's for the help!

Site URL: https://vintanthromodern.com Hello-- I'm currently in the process of upgrading an existing site from 7.0 to 7.1 for a small business. I would love if my shop landing page could redirect to all of my shop categories and have customized landing pages for each category (clothing, home decor, new arrivals, kids, etc.). When I had a section to a store page, it shows up on every page of my store besides individual product pages. Help! Essentially: I want my Store to have a landing page with images/redirects/etc. but don't want those elements to show up on the actual store category pages.

The default action is a zoom in on the same picture no matter which accordion item is clicked. Is there a way to assign a picture to a specific accordion section and for it to change to that picture when it's clicked?

Site URL: https://www.keystorage.com/video-copy I am currently upgrading to fluid engine and while upgrading I decided to try a different design on my video resources page. While adding some custom code to the pages advanced code section I got everything working the way I would like except for 2 things. 1.) the border around the iframe video is getting cut off in some videos (I will upload photo). 2.) There is some extra padding below the video itself I cannot remove and would like to for this page only (I will include a photo). This page is currently live but not accessible to the public as of right now. Any help would be appreciated.

Site URL: https://strawberry-wedge-j8ss.squarespace.com/menu Hi, I'm trying to figure out how to add icons inside a menu block, particularly related to food allergy (see the example of the printed version attached). I would like to add those same icons under each dish as necessary, can someone help me figure this out?

Site URL: https://www.criticalzoneobservatory.com/ I'm trying to find a way of embedding into my squarespace, live data from my personal weather station that is displayed on the Weather Underground site.

Site URL: https://selencia.squarespace.com/ Hi, Did you know if it's possible to have this result on a SS website 7.1 with or without Fluid please ? https://en.magnitudeconstruction.com/autres-projets/#nos-renovations This is my one https://selencia.squarespace.com/ passw : selencia Thank you 🙂

Site URL: https://elephant-raspberry-f4jz.squarespace.com/ hey guys! I'm just trying to align these "service" boxes on the same line horizontally. I'm not sure why it's happening. It displays fine on code block: https://codepen.io/annamakesmagic/pen/ZEoOMVq but when added to the block with the div labelled "lead" ("Our core service is...") the alignment gets weird. Can someone please show me how I can change my code (below) to fix it? Thanks! <style> .lead { display: block; padding-top: 3%; width: 100%; padding-bottom: 3%;} *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;} html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} a { text-decoration: none; margin: 1rem 0; font-weight: 600; text-transform: uppercase; font-size: 1rem; letter-spacing: 1px;} p { font-size: 0.9rem; margin: 1rem 0; line-height: 1.4;} .service a { color: #d3d3d3; display: block;} .service h4 { font-color: #D3D3D3; font-size: 1.3rem; margin: 12rem 0 0.6rem;} .services-grid { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; justify-content: space-between; max-width: 1300px; margin: 0 auto; text-align: center; padding-top: 60px; } .service { align-items: start; background: #fff; margin: 30px; padding: 30px; border-radius: 10px; text-align: center; -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; flex-wrap: wrap; border: 1px solid #e7e7e7; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; min-height: 300px; max-width: 50%;} .service:hover {color: #333332} .service:hover { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); border: 1px solid #f26522;} .service .cta span { font-size: .8rem; color: #f265;} .service .cta:hover {color: #f26522; } .service > * { flex: 1 1 100%;} .service .cta {align-self: flex-end;} @media all and (max-width:900px) { .services-grid { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;}} </style> <div class= "lead"> <h2> Our core service is making <br> our <span style="text-decoration:line-through">clients</span> partners successful. <br> </div> <section> <div class="services-grid"> <div class="service"> <h4>Tenant Representation</h4> <p>The right space is essential to the well-being of your business. We create strategies to ensure you’re in the right space, at the right time, for the right price.</p> <a href="#" class="cta">Read More <span class="ti-angle-right"></a> </div> <div class="service"> <h4>Acquisitions & Dispositions</h4> <p>We know what makes a good deal and have a knack for finding them. We assist buyers and sellers in the acquisition and disposition of investment properties and land.</p> <a href="#" class="cta">Read More <span class="ti-angle-right"></a> </div> <div class="service"> <h4>Project Leasing</h4> <p>Leasing the last 10% is where the profit lies. We know our markets and leverage longstanding relationships with retailers and brokers to ensure the project gets done.</p> <a href="#" class="cta">Read more <span class="ti-angle-right"></span></a> </div> </div> </section>

Site URL: https://shuifeng.squarespace.com/ Page 1: https://shuifeng.squarespace.com/books (page created In SquareSpace 7.1 with Fluid Engine, scroll block not full width on mobile) Page 2: https://shuifeng.squarespace.com/feng-shui (page created in SquareSpace 7.1 without Fluid Engine, scroll block is full width in both desktop & mobile) Half way down the page (Page 1) is the scroll block. It is full width and works fine on desktop but it is not full width on mobile. Below is the code I'm using. Interestingly, I have another full width scroll block created in SquareSpace 7.1 without fluid engine (Page 2) and it works fine on desktop/mobile with the code below. I've double checked the section ID is correct. What am I doing incorrectly? Thanks section[data-section-id="631009777eff214415a3c911"] { overflow-x: hidden !important; overflow-y: hidden !important; .content-wrapper { padding: 0 !important; margin: 0px auto !important; display: contents; }}

Hi, I put two appointment blocks on a page and the second one ended up with an unwanted vertical scroll bar. How can I get rid of it? I tried some codes I found on here but they did nothing but disable scrolling for the site. Thanks for any help.

Site URL: https://strawberry-wedge-j8ss.squarespace.com/menu Hi, I would like to change the color of the "additional options" in a Menu Block, in the picture where it says "vegano" you can see the detail. The is no option in SQSP, can I change the font, size and color with CSS?

Site URL: https://zaxlabs.com I was having trouble building buttons in my site navigation menu, which led me to using custom code in the header in the Code Injection field. The code/script did not work so I deleted it out of the header field and saved it to revert it back to before I tried code injection. Since then, my site auto-reformats the text/buttons on my site. When I go into edit, my site is formatting the way I like. After hitting save, it displays it as incorrect and messed up. I reached out via email support and they said it was due to this custom code injection. I'm looking for help removing this custom code injection and having my site stop auto re-formatting after I've hit save. Thanks

Site URL: https://imnworld.squarespace.com/ Hi - I'm using Squarewebsite's Universal Filter and while it works fine, the filters at top don't look very good. The search field is not linked up with the 'REGION: ALL" field and it is taller. Also, when "Asia-Oceania-South America" is selected, there are just three dots - probably because the names is long but can't the field be longer to accommodate this. They are not helping with direct support, so hopefully some here knows what to do. Thanks in advance. https://imnworld.squarespace.com/ Password is: password

Is it possible to make an entire block (including all text and background) a clickable link? As an example, would it be possible to make the entire text block at the top right of the Stanton demo home page (https://stanton-demo.squarespace.com/) a link, including the heading text, body text and the space between that text?

Site URL: https://www.caseygatesrolfing.com/rolfing-modalities Can I get help creating a snippet to have unique images on the mobile version of the website and desktop version? https://www.caseygatesrolfing.com/rolfing-modalities First image block is for mobile, the second image block is for desktop. Thank you!