Search the Community

Is there a way to name sections in 7.1 or apply classes? I want to apply specific code to multiple sections and listing them one by one is tedious.

Hi, all! I'm using the font Quiche Sans Medium in my website, and I'd like to use an alternative glyph throughout my site in place of the default. To be more specific I'd like to replace the default capital "R" with another version. Does anyone know how to do this? I've loaded the fonts that I'm using directly from Adobe Typekit, if that helps to answer the question. Thanks!

Site URL: https://www.queenofsol.com/pictures-videos Hi! I have a facebook social icon that has placed itself differently from the other icons. Can someone help me align the facebook icon with the other icons? I don't quite know what's happened. Thank you for your time 😃 Below is my current css coding: //social icons in menu// .header-nav-folder-item.header-nav-folder-item--external [href="https://www.facebook.com/queenofsolmusic"] { background-image: url(https://static1.squarespace.com/static/5feeff4078965c3d27c09d49/t/60265cb380f5db784fb09d4f/1613126835700/Asset+311.png) !important; background-size: contain !important; background-position:center!important; background-repeat: no-repeat !important; color: transparent !important; margin-bottom: 5px; } .header-nav-folder-item.header-nav-folder-item--external [href="https://www.tiktok.com/@queenofsol"] { background-image: url(https://static1.squarespace.com/static/5feeff4078965c3d27c09d49/t/6026fa9218f6a5109abbd4db/1613167250612/Asset+312.png) !important; background-position:center!important; background-size: contain!important; background-repeat: no-repeat !important; color: transparent !important; margin-bottom: 5px; } .header-nav-folder-item.header-nav-folder-item--external [href="https://www.instagram.com/queenofsol"] { background-image: url(https://static1.squarespace.com/static/5feeff4078965c3d27c09d49/t/6026fc1c12bd686fe95c8a74/1613167644662/Asset+313.png) !important; background-position:center!important; background-size: contain!important; background-repeat: no-repeat !important; color: transparent !important; margin-bottom: 5px; } .header-nav-folder-item.header-nav-folder-item--external [href="https://twitter.com/_QueenofSol"] { background-image: url(https://static1.squarespace.com/static/5feeff4078965c3d27c09d49/t/6026fc59e8b20275c6da5ce0/1613167705184/Asset+314.png) !important; background-position:center!important; background-size: contain!important; background-repeat: no-repeat !important; color: transparent !important; margin-bottom: 5px; } .header-nav-folder-item.header-nav-folder-item--external [href="https://www.queenofsol.com/contact"] { background-image: url(https://static1.squarespace.com/static/5feeff4078965c3d27c09d49/t/6026fbd2cf13eb2323dffdb2/1613167570311/Asset+315.png) !important; background-position:center !important; background-size:contain!important; background-repeat: no-repeat !important; color: transparent !important; margin-bottom: 5px; } .header-nav-folder-item.header-nav-folder-item--external:last-child { margin-top:3px; width: 100% !important; text-align:center; background-image: url() !important; background-position:center !important; background-size:contain!important; background-repeat: no-repeat !important; color: transparent !important; margin-bottom: 5px;} /* Socials icons in folder */ .header-nav-folder-content>div:nth-child(n+6) { width: 20% !important; float: left !important; } /* Center menu social */ .header-nav-folder-item.header-nav-folder-item--external:nth-child(6) { margin-left: 0% !important; }

Site URL: https://www.haebse.ch/ I am looking for a way to customize the section height of the first section after the header at www.haebse.ch. The gallery block should remain full bleed but the height should be at a fixed pixel number. (alternatively a responsive section height to the height of the browser window up to a certain pixel number would be nice). Any advice? 🤔

Hi everyone, How to change the default text labels in Bedford template? Here is what I want to do, step by step: First Have a look at the uploaded image. How can I change the default navigation text "← Back to ..." generated in the Bedford template. I would like to just have "← Back" or in French "← Retour" instead of "← Back to Boutique en ligne". FYI, "Boutique en ligne" is the title name of the product page. Is there a way to change this default text using Javascript in the footer? Or any other way? Second Also, how can I change the default text "Select" from the dropdown menus? Third How to change the default text for the "Quantity" ? Finally How to change the default text for the "Add to cart" button. Thanks

Hi All, Does anyone know to add text to the center of the header that changes depending on the page I'm on? here is an example. I want the titles of the pages to go between the Company logo and lines to the drop down menu instead of below the header. Is that possible? Thank you!

Hi there! Trying this again! Would anyone know what the custom css code would be to inject copy into the header of each specific page? I want the titles of the page to be in the header instead of below it. I also want the font to stay consistent. Thank you!

Site URL: https://www.thelabelhousecollection.com.au/collections/denim-jackets/products/personalised-denim-jacket Hi there, I'm trying to add a custom text overlay / preview for products similar to the site linked. I haven't been able to find what I am looking for as similar questions either don't have an answer or the answer isn't applicable to me. I am after a way to display custom text on a piece of vinyl and allow customers to choose the font from a defined selection, the colour, and sizing. Then display this either a text box to the side of the product preview or on top of the preview. Ideally both however that may not be possible. Thanks in advance

Hi, I'm having real trouble changing font relating to products. It would seem they don't adhere to my previous coding ( a custom font change for h1, h2,h3 and P) I have searched this forum and did try solutions already posted to no luck. Anyone know what could be wrong? tweak-product-item-details-show-title .ProductItem-details h1.ProductItem-details-title { font-family: 'TYPEWRITER'; } Also tired this one: .producttitle { font-family: 'TYPEWRITER'; } Sorry, very new to CSS but what seems to work for some people just isn't for me. My site isn't online yet so I have attached a screenshot and circled the text I would like changing to the typewriter font seen also in the image. Thanks so much!

Site URL: https://thehouseofagness.squarespace.com/ Hi! I created a custom dropdown menu in the intro section of the store page (code block). When I hover over the dropdown menu, the container (products ) below moves as the dropdown descends. I dont want the elements to move, would like to have the same affect as normal dropdown navbar. And how could I make the dropdown to appear from the left instead of droping down? any tips on how I could solve this? Thanks pass: 280822

Site URL: https://www.holmcollection.com Hi, please help me. My product page header color doesn't fit well with the white background but I want to keep the color for the other pages. How can I change just the product page header color?

I would like to sell a digital-product that is password protected, but my question is, how do I get the password to a purchaser? I see that order confirmation emails can be customized per product category, but can they be customized per product? That is what I need.

Site URL: https://rose-alligator-8d8n.squarespace.com/?password=1 How can i use custom css before and after?

(FE) Can we get rid of the grid???!!! Why does SquareSpace NEED the grid for placing blocks??? PLEASE GET RID OF THE GRID! also, another suggestion... Allow multiple responsive previews instead of just one generic "mobile" view. The responsive view are WAAAAY off across some devices. Let's go SS, BE BETTER!!!

Hi, I'm hoping to create a product that is made up of multiple options not variants. More like a combo of products, and you can choose the quantity of each product you want, then it's added up to one total and that is added to your cart. For example, if I have a wedding package form with bouquets, buttonholes, table vases etc. and I want the customer to be able to choose how many of each they want to make up the total bundle of products. Is there a way to modify a product template to do this? Or can I hack together a bundle of products somehow? I've attached a wireframe example to illustrate what I am hoping to achieve. Thanks!

Site URL: https://trahin-insurance.squarespace.com/ I want to add a quote of the day feature on my site that would change each day... is there a plugin somewhere for this or another option to make this happen?

Site URL: https://chiton-drum-cgz2.squarespace.com/ Hi all, I need help! I am building a website for rather specialized tech company and they want to display their features and specifications in a certain way that is not an option in Squarespace. They insist they want it displayed this way, so I need someone with coding experience who can help me create this. Three or more tabs that open on hover and include tables or images and needs to scale on mobile. See examples below https://www.porometer.com/gas-liquid-porometry/pressure-scan-series/ https://www.fontijnepresses.com/products/labecon-series/#1598456509786-6ceeffcd-78b8f6f9-ef00 If any of you know how to create this in Squarespace please let me know, I would love to come into contact with you.

Site URL: https://www.una-europa.eu/ Hi! As I browse through sites from inspo, I occasionally stumble upon a site with a super cool header- and I can't help but think HOW could this be recreated in SS? I'm assuming these sites have a ton of custom code, etc. But, does anyone have any clues as to how headers like this could be even a little done in SS?

Site URL: https://themarcus.com/ hey there, I was looking online for any kind of way to customize my squarespace site, and I found a list of Websites apparently created with squarespace. I wondered how can I recreate a site similar of this one? https://themarcus.com/ Does anyone know any codes or have any suggestions for this?

Site URL: https://www.ffabooks.com/ Site URL: https://www.ffabooks.com/ Hi forum, I'm hoping it's possible to customize the members navigation bar in the members area? We run a not-for-profit, and don't require the Orders section, or addresses. Can we remove these so that the drop down menu only has the name and sign out button?

Hi, I want to add an Inquire button on my products detail page, which in click opens the form in lightbox popup. The problem is I can add it as additional info but now I have more than 500 products, and adding it to each product manually will take so much of time. I don't want to use plugin. I have added the button using custom code, created a form in new page but don't know how I can show a popup on button click. Thanks.

Site URL: https://katie-remond.squarespace.com Hi everyone I'm currently building a website and would like to add my clients strava profile link to both the header and footer of her website. Ideally have the strava icon replacing the 'link' icon that is used now when adding a customised link How would I go about doing this? Does someone have a guide? Thanks Ed P.S Website details below https://www.katieremond.com

Site URL: https://bobcat-deer-6yf9.squarespace.com/ Hi, My hamburger menu on my mobile site is currently too inset. Does anyone know how I can fix this?

Site URL: https://megalodon-trout-7tbj.squarespace.com/ Hi, I'm using a code with CSS and JS to create a custom circular cursor taken from previous posts @Jprood ( In general it works pretty well, but in some elements the hover effect doesn't work: • The "plus" icon burguer • The accordion • The scrolling marquee • The form button. Could someone help me to fix it? Please!!! Thanks in advance Web: https://megalodon-trout-7tbj.squarespace.com/ Password: Temporary77

Site URL: https://bobcat-deer-6yf9.squarespace.com/ Hi, I'm trying to custmoise the background colour of my header when it's 'scrolling back'. The background is transparent in the default state, but when I'm scrolling to the top of the page, the 'scroll-back' effect gives the header a black background. Ideally I'd like it to be white. Anyone know how I can fix this? Any help would be appreciated. https://bobcat-deer-6yf9.squarespace.com/ Thanks!