Search the Community

Site URL: https://www.history-ink.com/ Hi there 🙂 I have created a carousel on my website - but can't work out how to change the button style from Primary to Secondary, as I only seem to have the option to either have a button, or not have a button. I'm after something more subtle here. Is this possible? https://www.history-ink.com/home-page-draft

Hello! I designed this site in 7.1 and would simply like to remove the underline on the active navigation link. This is currently not an option in the Design section of 7.1, so I will need some CSS. Any ideas? https://www.pamelaackerman.com/ Thank you!

Site URL: https://horse-onion-layz.squarespace.com I’d like to be able to round all the image corners on my site, could someone please help with with the coding and where to put it exactly? I’d imagine there might be different locations for galleries and thumbnails etc? Thanks very much!

Site URL: https://www.townly.com/victoria Hi, Looking to make the text in this gallery (simple grid) section on a page: look like the text and be moved to the center within the image just like these images (poster) I created: These examples can be found at https://www.townly.com/victoria. I'm okay for this change to affect all simple grid galleries. Appreciate any help. Cheers, Insider

Site URL: https://www.stjohns-eagle.com/letters-home I maybe answering my own question here, but our buttons have changed to solid where as they used to be outlines and i'm trying to change them back to how i had them originally. I presume there has been some update in how the buttons are styled being as we now see BUTTON BLOCK (TERTIARY) in the styling panel and on a page we have three button options. The problem i have is making changes aren't applying on the live website. It almost feels like SS have made a feature update, but it's no complete or working.

I put all my bottoms with a pill shape. Suddenly I noticed there were now squares, but it says on the styles menu they're still pill-shaped and I can't change them. I can modify the color, font etc. but not the shape. I noticed this happened on all my websites. Has this happened to anyone? How can I go back to the pill shape?

I have used the following code to add a drop shadow to my images site wide. What CSS code do I use to counteract this code for one specific image if I do not want the code to apply to just one? //Image Shadow// .image-block { filter: drop-shadow(5px 5px 8px #000000); }

Site URL: https://newhvmc.squarespace.com I went to Animations and selected Slide but the elements are just fading in. Any idea what's wrong? PW: newhvmc

Site URL: https://adammannphoto.com/shop When I "quick view" a product in my store, all of the product details are not showing up. Well, they're technically there, but they're displaying in white. I cannot find an area in the design menu to adjust colors for the quick view contents. I went through all of my color schemes and the header and paragraph text are always black, never white. Any ideas how to fix this?

It's a well-known best practice to use different styles for primary and secondary buttons (solid and outline respectively). This helps to promote the recommended action, and gives the UI a clearer hierarchy. It doesn't seem like Squarespace supports a secondary style for buttons. When I go to Site Styles > Buttons and change the style from Solid to Outline... all of the buttons on my site change. Is there a way to specify solid/outline style for just a specific button? Or does Squarespace not support this basic, fundamental design concept?

Hi guys, We have just launched our first online store and had questions on any potential improvements that could be made. Website: http://varient.co Im also trying to integrate a track-order page - where users would be able to insert their order number and name and then they could track where their product is in the process of making - as all orders are made to order. - Any suggestions how this could be achieved? I was imagining that on the backend we could enter information on the notes and it would create some sort of timeline to where their product in the manufacturing process (Sewn, Printed, Quality-Check etc..) kind of like a mail tracking number. Thanks in advance.

Hi, I was wondering if there was a way to invert the mobile logo on just one specific mobile page? It was fairly easy to find information on how to invert the logo on one specific web page, but not for mobile. Thank you in advance! 🙂

Hi! I'm wondering if instead of changing a font size/style in CSS you can tell it to reference one of the already set heading / paragraph styles? Eg. let's say your H1 is already set to 5rem in the built-in font size selection, but you want to make an element that doesn't have the ability to be changed in those settings reference that style. Eg. instead of doing this: .form-submission-text {font size: 5rem;} You can just tell the .form-submission-text to use H1. I know you could simply match the details of the style, but I've noticed that it then doesn't have the flexible / responsive properties that text set with in-built styles does. If there's not a way to reference the style, perhaps there's a way to tell that text to scale like the built-in styles? Hope I'm making sense — I come from a design background so i'm a little out of my depth. Thanks in advance! 😀

Hey, I'm having a problem with finding some specific style listed here. I'm currently using free trial to check if I can achieve desired effect. Basically I want to achieve effect called "Hover Follow Cursor" but I can't find it in Portfolio Collections, there is only three of them available there and one similar - Hoover Background. My question is, do I need to get full subscription to unlock Hoover Follow Cursor, and if so, which one will be enough - Personal or Business (as I heard Personal doesn't unlock all the style options). Thanks for help!

Site URL: https://icosahedron-banjo-ybsd.squarespace.com/ I have added rounded border masks to images using built in controls in Squarespace 7.1. They look great on desktop but are too aggressive on mobile. They cut off too much of the picture, meaning the circle edges don't scale proportionately. I need to reduce the radius from like 75 to 35. I tried targeting block-yui's .image-overlay (even just .image-overlay in general) in CSS but it does not apply. Any ideas? Sorry I can't show the site at this time because it is under development. Thanks.

Site URL: https://leadership.dev/experimental-kanban Hi, I'm currently implementing a third-party library (DHTMLX Kanban) into a page into my client's website, the library can be installed just fine, but there are some styling issue with the component. It seems like there are CSS styling that gets overwritten by Squarespace. Now, before anyone says, I have tried all the code in a separate html for testing to check if it's my code that's broken, and so far, everything works perfectly if I try to open my testing HTML. I already include all the required files in the Head of the page on Squarespace. Here's what I'm trying to implement along with the snippet of the code on how to implement it: https://snippet.dhtmlx.com/f25y0809?text=#kanban&mode=wide Here's what the page shows: https://leadership.dev/experimental-kanban Here's all the things that are broken that I noticed: - The priority label is shown on top of the page instead of on the card - The date picker component is shown broken with all the text wrapped vertically - The date picker component should shown above the form field, as it does on the snippet page, this is to prevent the component to shown on the bottom of the page height - The three dots menus on the tab header (ie. Backlog, In Progress, Completed) are now unclickable Any help would be greatly appreciated. EDIT: My testing HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script src="https://leadership.dev/s/kanban.js"></script> <link rel="stylesheet" href="https://leadership.dev/s/kanban.css" /> <link href="https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap" rel="stylesheet" /> <title>Document</title> </head> <body> <div class="g-wrap"> <div id="toolbar"></div> <!-- Kanban container --> <div id="kanban"></div> </div> <script> const { Kanban, Toolbar, defaultEditorShape, defaultCardShape } = kanban; const columns = [ { label: "Backlog", id: "backlog", }, { label: "In progress", id: "inprogress", }, { label: "Completed", id: "completed", }, ]; const cards = [ { id: 1, label: "Integration with React", description: "Some description", progress: 25, start_date: new Date("01/05/2021"), end_date: new Date("01/15/2021"), attached: [ { id: 234, url: "../assets/img-1.jpg", previewURL: "../assets/img-1.jpg", coverURL: "../assets/img-1.jpg", name: "img-1.jpg", isCover: true, }, ], color: "#65D3B3", users: [1, 2], priority: 1, column: "backlog", }, ]; const users = [ { id: 1, label: "Steve Smith", path: "https://snippet.dhtmlx.com/codebase/data/kanban/01/img/user-1.jpg", }, { id: 2, label: "Aaron Long", path: "https://snippet.dhtmlx.com/codebase/data/kanban/01/img/user-2.jpg", }, { id: 3, label: "Angela Allen", path: "https://snippet.dhtmlx.com/codebase/data/kanban/01/img/user-3.jpg", }, { id: 4, label: "Angela Long", path: "https://snippet.dhtmlx.com/codebase/data/kanban/01/img/user-4.jpg", }, { id: 5, label: "John Doe", }, ]; const cardShape = { ...defaultCardShape, label: true, description: true, progress: true, start_date: true, end_date: true, priority: true, color: true, cover: false, attached: false, users: { show: true, values: users, }, }; const editorShape = [ ...defaultEditorShape, { type: "multiselect", key: "users", label: "Users", options: users, }, ]; new kanban.Kanban("#kanban", { columns, cards, cardShape, editorShape, }); </script> </body> </html>

Hi, is there a way to control the height of portrait-format images so they match the screen height in a masonry layout? Also, are there possibilities to tweak the layout, so that for example I could have a landscape image spanning two columns? I am trying to recreate something similar to my current website: https://felixbrueggemann.com/project.php?pid=87 Thanks, Felix

Site URL: http://clivegracey.squarespace.com/the-mausoleum-of-bibi-maryam/nzr6wtajwg2xqwd52k6o0zi866grow I am in the process of migrating a site to 7.1 and need help with the captions and descriptions when the text is too long. The post url, 7.0 has a nice solution. Forte is the 7.0 template. By mousing over the text it slides up and over the image. I like it. However, as i am migrating the site to 7.1 that possibility isn't open to me. If anyone can share code to make this work I would be grateful. Thanks, George Cartwright

Yes Hi, I am switching over from a very convoluted but well meaning time w/ WIX. I am a little confused on the plans/ which to commit to. I basically need: a blog, a menu &pages to put some art or T-shirts I just designed to sell from. Seems like Business Plan would cover everything; also seems like personal might do. I know I would need a commerce link something and not done that before. Also, was kind of wondering how everybody felt about tech support online, it seems I am usually approaching things from a diff angle and know communication will be big. Also, templates freak me out for Home Page/ Pages etc, almost none I fit with and have my own layout I would just like to drag over and work from there Re menu etc, seems easy but never sure &often the amount of options always just add to frustration, Ty for any advice, experience- PD

Site URL: https://www.kimbalbumstead.com/shop Hello, I am looking for a CSS code that can target a specific button on my page, to change it from Outline to Solid. My sitewide button settings are set to Outline (which I want to keep) but there's just one light blue button on this page near the bottom which i'd like to target https://www.kimbalbumstead.com/shop Can I do this with the block ID for the button? #block-yui_3_17_2_1_1652019466336_1891 Ive tried guessing various codes but obviously none of them worked! Any help much appreciated! 🙂

I cannot edit my styles. Thank god I have no deadlines regarding my website but despite changing browsers and devices it still has that error (screenshot below, sorry it's in french). I assume that's probably a bug for everyone but it's been a month since I first saw that error and it's still there. What should I do ??

Hello! I'd like the top margin for my h4 elements on my home page to have a margin of 0rem—but want to only effect those on my home page and only h4. I'm using the Clune template which is 7.1 template. The page is a "blank page" type. Thank you!

Site URL: https://therare.la site: https://therare.la password: rarity Hello - I'm really close to getting my site done but I need to figure out how to change the text color of subnav elements on hover. Specifically, in the image below, when I hover over any part of the box for the "Azul" item, I want the text to highlight green instead of highlighting white (which it does currently). I'd like all other colors to remain as is, including the subnav container background, the subnav element box background highlight, and the main nav color and highlights. Please advise on how I may be able to accomplish this.

Site URL: https://antelope-sturgeon-xd4r.squarespace.com/ Hello– I'm having trouble identifying how to target and style a specific text module. I'm looking around in Chrome's inspect but can't seem to find it. On the home page, it's the line near the top that reads 'Entrepreneurial Insights from a Startup Veteran'. I need to adjust the weight of the font. Thanks! The sitewide password is: k5ut$YXZ53ZR!42

Hi! Does anyone know if it is possible to add a subtitle to the title that appears when you hover over a project on a portfolio page? I would like to get a result like this, where you haver a bigger title, and a smaller subtitle/ description. Thanks!!