Search the Community

I want to add a small white outline to all of my gallery images that is offset so it appears on top of all of the images. With the code below I have been able to get it to work somewhat - the issue I am having with the gallery is that some of the outlines are getting cropped off with the images instead of aligning to the cropped square box. (see image). Any ideas on how I could get the outline to match up with the cropped box would be appreciated! .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img { cursor: pointer; outline: #fff solid 3px; outline-offset: -20px; }

Greetings & Happy New Years 🙂 I have (5) blog categories and promote said archives in my blog sidebar area. Once a visitor arrives at said category/archive, the name is up top, which is fine. But I want to change the archive title font weight and color. I'm on a Brine theme and I know nada about coding. Here is an archive/category example: https://rebelbrandconsulting.com/blog/category/Branding+Yourself Many thanks! Bob

Hi all, When sending out a campaign, I was wondering if it were possible to include individual messages to each person when sending it to your list? I have a client who wants to create campaigns but wants to write a personalised message which appears in the email body, with the generic campaign following it.

Does anyone know how to reduce the padding of the Blog & Store sections using CSS, on v7.1? The default top margin of the blog and store gallery is way too big. Thanks!

Does anyone know how to add text (ie: "next" and "previous") and page numbers to the pagination of the blog section, using CSS on v7.1? Otherwise the small arrows are barely noticeable. Thanks!

Hi, anybody van help? the link myfonts is providing to use in the css to the myfonts server seems to be wrong for the squarespace i figured out with the dev tools from google that this must be problem why webfonts do not show up! it cannot load the fonts..it says :"wrong href " this is the link from my css file @import url("//hello.myfonts.net/count/3ad6aa“); you have an idea what to change..??

Hi All, I am trying to create a cover page that has two images side by side, with click through links to two different sections of my website. I have tried just creating a blank page and adding images but i really want the two images to fill the screen rather than just taking up the standard squarespace block in the middle. It seems a Cover Page is the way to go but all of the layouts have either one large image, half and half image and text, or a large grid of images! What can i do?

While Squarespace has an official integration with Stripe, it does not include the features I need. Specifically I need to use the Stripe "Connect" feature which enables me to pay coaches that are on my website. Stripe has said that a custom integration is required. Is this possible within Squarespace? My Squarespace developer has been unable to come up with a solution to date.

So, I'm trying to find the coding to make an Cover Page that looks like image attached here. 6 large left-aligned text lines that each click through to a different project page. I have only managed to come as far as here without any injected coding (see my current home page: https://www.georgiemattingley.net/) The text is still not as large as I want. Any tips?

Hello Lovely people - I'd like to format my new shop page differently than my existing shop page (change to 1 item per line, change the background color on the entire page to white, header included). Can anyone tell me how I am able to do this without altering other pages? Attached is a screenshot of how it is currently (grey background, 3 rows), and a screenshot of how I want it to be (white background, 1 row). My website is www.ethangi.com for reference. Your help is SO appreciated. Thank you!

Maybe a silly question, but is it possible to add other elements to the landing page using the Tremont template? Like additional text or an image (that isnt the background). Normally there's just that 'edit' button that pops up on hover but Im not seeing it. Thanks in advance

Hi I have a tour operator site with activities in mutliple, quite different, locations. When people log into the site I would like them to be able to choose which location they are interested, similar to how one might choose a language. A few more details: Ideally I would use as little coding as possible Some of the pages (eg. about, contact) will be the same regardless of the location you choose, but once you choose the location the top menu bar should display the different pages eg. Home, Events, Activities, About ... The customer should be able to switch between sites easily through a dropdown on the menubar I have had a look and found this: https://support.squarespace.com/hc/en-us/articles/205809778-Creating-a-multilingual-site-in-Squarespace (example multilingual site here: https://bedford-multilingual.squarespace.com/) The problem with this is that the menu bar will only ever display the names of the different locations, so it will be clumbersome to navigate. Another suggestion is to create multiple sites and have a cover page linking to both, which seems overkill as I would need to pay twice for a simple website. It would also be clumbersome as I think the user would need to go all the way back to home to switch to the other site. I can't think of an example for other tour operators, but the same principle work on the Intuit site (https://www.intuit.com/): you can select an Indian, American, or Canadian version of the site, which are all similar but tailored to different locations. If you want to change at any point there is country dropdown in the top right hand corner. Would love to know if such a thing is possible. Ideally without html but am open to suggestions. This is something I see a lot with online stores and is going to be really important to a lot of people managing international websites. Perhaps there is a plugin that would help? Though I have been unable to find one. Cheers

Hi, I am using Om Template for my website. I have bought a font that I would like to use for my site title. I have looked through the online help and am still stuck with this. I know I am on the right path because using css code I am able to change the Heading 1 or Heading 2 or Heading 3 to use this custom font.... but I just cannot figure out how to change the site title. The custom font is not available in the list of fonts available under Site Styles | Typogrpahy | Site Title. So I have added following code under Design | Custom CSS. Where am I going wrong? Any help would be much appreciated. You can view the website on : https://interiordesignstein.squarespace.com/ // Adding Leyton Font @font-face { font-family: 'Leyton'; src: url(//static1.squarespace.com/static/5d71b8d9e71af8000103a6ea/t/5e0d887f014e1a25d2e580a0/1577945215697/Leyton-Regular.otf); } //change the heading 1 font h1 { font-family: "Leyton"; } //site title does not want to change?? header h1.site-title { font-family: "Leyton"; }

If you want to use custom font for Navigation, just copy - paste the following codes. Add code to Home > Design > Custom CSS 92 Templates Navigation Link Color - Hover - Active Color Avenue @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav nav ul li a { font-family: your-font-name; } Aviator @font-face { font-family: your-font-name; src: url(enter your font name url here); } nav#main-navigation ul li a { font-family: your-font-name; } Bedford Template Family Include: Anya, Bedford, Bryant, Hayden, Bedford @font-face { font-family: your-font-name; src: url(enter your font name url here); } #mainNavigation div a { font-family: your-font-name; } Brine Template Family Include: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine. @font-face { font-family: your-font-name; src: url(enter your font name url here); } .Header-nav-item { font-family: your-font-name; } Farro Include: Farro, Haute @font-face { font-family: your-font-name; src: url(enter your font name url here); } .Header-nav-item { font-family: your-font-name; } Five @font-face { font-family: your-font-name; src: url(enter your font name url here); } nav#main-navigation ul li a { font-family: your-font-name; } Flatiron @font-face { font-family: your-font-name; src: url(enter your font name url here); } ul#nav li a { font-family: your-font-name; } Forte @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav ul li a span { font-family: your-font-name; } Ishimoto @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav #nav li a { font-family: your-font-name; } Momentum @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav ul li a { font-family: your-font-name; } Montauk Template Family Include: Julia, Kent, Montauk, OM @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav ul li a { font-family: your-font-name; } Native @font-face { font-family: your-font-name; src: url(enter your font name url here); } #navBlock ul li a { font-family: your-font-name; } Pacific Template Family Include: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific @font-face { font-family: your-font-name; src: url(enter your font name url here); } #mainNavigation div a { font-family: your-font-name; } Skye Template Family Include: Foundry, Indigo, Ready, Skye, Tudor @font-face { font-family: your-font-name; src: url(enter your font name url here); } .nav-blocks-wrapper div a span { font-family: your-font-name; } Tremont Template Family Include: Camino, Carson, Henson, Tremont @font-face { font-family: your-font-name; src: url(enter your font name url here); } #mainNavigation div a span { font-family: your-font-name; } Wells @font-face { font-family: your-font-name; src: url(enter your font name url here); } div#topNav ul li a { font-family: your-font-name; } Wexley @font-face { font-family: your-font-name; src: url(enter your font name url here); } div#topNav ul li a { font-family: your-font-name; } York Template Family Include: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York @font-face { font-family: your-font-name; src: url(enter your font name url here); } .site-navigation div a span { font-family: your-font-name; } Squarespace 7.1 Include: Novo, Pazari, Nolan, Utica, Cami, Matsuya, Nevins, Kester, Gates, Zion, Classon, Hawley, Suhama, Elliott, Otto, Tepito, Balboa, Beaumont, Quincy, Talva, Minetta, Falodu, Hester, Crosby, Ventura, Maru, Tresoire, Almar, Alameda, Patil, Stanton, Paloma, Fillmore, Palmera, Souto, Brower, Merida, Grove, Harman, Rivoli, Noll, Bergen, Degraw, Corrigan, Sackett, Lakshi, Pulaski, Suhama, Cailles, Colima, Barbosa, Clune, Irving, Suffolk, Clarkson, Lusaka, Bailard, Malone, Roseti, Euclid, Carmine, Wycoff, Harbor, Ocotillo, Fayette, Roseti, Dario, Soria, Morena, Rey, Lenoix, Bleecker, Vandam, Cruz, Kitui, Waverly, Vance, Orina, Chotto, Auburn, Juniper, Palmer, Atlantic, Iduma, Pine, Eldridge, Pulsaki, Amal, Suhama, Hart, Carroll, Noll, Hidano, Palermo, Cailles, Archer, Kearny, Sellwood, Essex, Mason, Gramercy Studio, Cole, Devoe, Randi, Zorayda, Manor Studios, Grant, Toledo, Hoyd, Troutman, Tantillo, Maqueda, Hemlock, Bogart, Florence @font-face { font-family: your-font-name; src: url(enter your font name url here); } .Header-nav-item a { font-family: your-font-name; } Made by Tuan

Hi everyone! Hopefully you guys can help my out with this problem: I have a wine business with different kind of quantity options, packaging options and combination options. For several hours I tried to apply this systeem on my shop, but I don't get it right... Because of the prices, we don't want to sell a single wine but a minimum of 6, 12 , 18 etc. Example: Customer Peter* wants to buy 12 bottles of red wine. Currently *Peter would see on the cart-icon a 1. When *Peter wants to check-out, he sees a quantity of 1 and not 12. This may be confusing for the customers. Is it possible to change the quantity button on the product page to 6,12,18 instead of 1,2,3? And is it possible to change the quantity button on the checkout-page? Kind regards, Aaron

Hey Guys, I have a juice company, and we are trying to create an advanced checkout option. Right now all of our packages will be a 3-day juice cleanse which includes 6 different bottles. You can either pick from our premade options (with our recipes), or there will be a customized option, where you can select between 30 different ingredients and make your own flavor. Is there anyway to make a drop down for each of the 6 bottles, but only have a custom checkbox section pop up if they select customized product in the dropdown menu? We only need the checkbox to appear when they want to do a custom, since all of our other flavors are already premade recipes. Or maybe someone has a better idea on how to achieve this? PLEASE if anyone can help that would be amazing.

Working here: https://lettuce-buttercup-sers.squarespace.com/ (password arthur) I'd like to change the background of the area where the navigation lives. See screenshot mockup. Is this possible and/or is there any creative work around that anyone can think of? Or maybe a different template?

Hi Is there any way to be able to edit a product using my own javascript so that the product image (or preview) changes according to the users choices, and then send that data to the checkout form fields. I hope that makes sense. Basically, I want to sell personalised images. But I want the user to be able to choose all the different parts of the image (and colours). As they are doing this, I want the preview to update automatically with their choices. Then, when they click on the checkout button, I would like all the personalised data to pre populate the correct field in the checkout. Thank you in advance for any help with this

Hi there, Hoping someone has insight as to how I can change the font on my buttons for the styling of my site. I have updated the CSS for my h1, h2, h3 and body, but am hoping to have the button font match my h2. These are custom fonts that I have uploaded. I can't seem to locate how I talk about buttons in CSS.....

Hi there, I'm using the Brine template, and I'm looking to move the mobile sign in from on the page (top-left, top-center, top-right or bottom-left, bottom center, bottom-right) into the navigation. Is there a way to do this? Not sure if I NEED custom code for this, just didn't know if there was an existing workaround for this. The reason I want to do this is because it shows up a little weird on iPhone X, XS, etc. with the larger screen size. I'd rather just have it in the mobile navigation–seems more intuitive anyway. Thanks in advance!

Hello everybody I would like to place several slideshows one below the other. (See attachement). The individual containers should be able to include images, scroll text and an embeded sound cloud links. There should be space for two slideshows below in the Mobileview. I use the momentum template.

Hello, I have three words in my banner heading that I am separating with an "I" (I am using the letter as a vertical divider) . I am wanting to change the color of "I" (cyan) while keeping the other words the same color (white). Can anyone help with this? gazelle-oriole-p9y8.squarespace.com

Hi there, I would like to use a custom font style on specific buttons and headers. I have input the css for the font location but need to know next steps. Not sure of the class names for buttons or two headers (see image) See CSS below: //ADDING myfriend FONT// @font-face { font-family: 'myfriend'; src: url('https://static1.squarespace.com/static/5dbb8e5c55a40158cc4627af/t/5e0e9aead2e16f330f9816b1/1578015466865/myfriend.ttf'); }

Hi, all. Please, be patient, today is my first day with Squarespace. How do I customize the colors on both the x and y axis on a bar chart? Currently, they are light gray, and very hard to see with the dark green background. Thanks, in advance Dana

Hello! So I have a font that I made on my own that I want to integrate to my website. I've managed to go into the CSS and make it so almost everything uses the font. However, I can't seem to figure out why the font won't apply to my gallery titles or my shop item names (attached below where it says "music, books, comics, event posters, etc."). I'm currently using a font that is similar to mine but ideally I'd like everything on my site to be my font. Side note, I am not very familiar with coding as I've just been copy/pasting codes I've found online but I will do my best to comprehend!