Search the Community

Site URL: https://www.hannahmillardesign.com/ Site password: design I'm wanting to create "case study images" that reveal the "case study name" when you hover over the image on the homepage. I was able to successfully code this function following this tutorial: https://www.youtube.com/watch?v=llSO2AMIb3M. I want users to be able to click the "case study name" text box to be directed to the full page. However, overlaying a text box over an image removes the function that allows you to add a URL to an image that can be clicked. How can I code a URL to be clickable on the hover-to-reveal text box?

Hi i am working on a new website that isn't live yet and having issues with my cart page. For some reason my header and footer has disappeared and won't show - PLEASE HELP! I haven't done any editing to this page and my header and footer just aren't showing on it/

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; }

Hi All, I have managed to embed the snippet into squarespace where the verification step happens without leaving my web page. However after completing the verification the callback URL (automatically moving on to the next page) does not work unfortunately. Veriff does have a callback section but square space does not understand the decision of the webhook and hence why it does not perform the actions based on this and therefore the redirection does not work. Is there a way to ensure after completing the verification steps SquareSpace will move the users automatically to the next page instead of getting stuck into the same page. Thanks!

Site URL: https://www.juansolisphoto.com Hi, I need support to change the default header icon of non recognized social networks by css code. https://www.juansolisphoto.com (Brine template, v7.0) pw:holahola many thanks!

Site URL: https://garlic-hawk-pdp3.squarespace.com/ I substituted an SVG for the header logo and it works fine on the desktop and I can control the size. It's not showing on mobile though. How can fix this and adjust adjust the size on mobile? Password: UnlockMe *Looks like I figured this out. Coding mishmash issue!

Site URL: https://www.mirboonorthwinterfest.com.au/ I am trying to increase the desktop logo size to about 450/500px (currently 320px in the design section, and I can't go any higher). I am using this code but nothing is happening, what am I doing wrong? /* increase logo size */ .header-title-logo img { max-height: 450px; }

Site URL: https://www.rinnegatiandco.com Howdy! I'd like to add a graphic to the mobile menu overlay for a client's site. I can't seem to find coding for this in these forums or elsewhere. I've mocked up what I'd like it to look like, see attached! Thanks. 🙂

Site URL: https://www.sharemyhome.co.uk Hi, A couple of years back I put together a site which, for context, uses a bit of custom CSS for typefaces and some other minor styling points, along with code injection in the header and footer for Google Tag Manager. There have been some minor changes in terms of image removal and a bit of repositioning by the owner but nothing on a code/CSS level, since then. A few days ago the owner of the site contacted me to say the on the home page the type styles have been over-ridden to render in black (instead of a grey colour used on the other pages/the site styles and themes) the burger menu icon disappears from the mobile view, the social media icons are rendering in white/transparent in the footer, and all the container/background colours for sections have disappeared. SS themselves have said to the owner that when the site is previewed with scripts disabled it reverts back to normal, which is true. I've removed the scripts and saved the site without them as another test but that doesn't make the site render in it's normal colours etc. Besides, the tag manager script is required, which is an issue in and of itself, if removed. Does anyone have any ideas on what conflict could be causing the overrides and disappearing icons etc when the scripts are active? I've attached a couple of images to help demonstrate the issue.

Site URL: https://www.DelawareRising.club/roster Hello! I have a second bar under my navigation on some pages, but I can't figure out the code to make it responsive like the header nav across varying sizes... Any help would be greatly appreciated 🙂 This is the code I currently use, which I know changing the margin just picks the location of the bar just on that page dimension. div.roster-banner { margin: -110px 0px 0px -500px !important; width: 2000px !important; text-align: left !important; background: linear-gradient(0deg, rgba(22,47,71,1) 95%, rgba(255,255,255, 1) 20%);

Hi! I am trying to match the button of my contact form with the newsletter. I found the following code on here for the newsletter, but I can't find one for the contact form button! Can someone help me get the code for that? I am looking for the same padding 10px. .sqs-block-newsletter .newsletter-form-field-element { padding-top: 10px !important; padding-bottom: 10px !important; } button.newsletter-form-button.sqs-system-button { padding-top: 10px !important; padding-bottom: 10px !important; } Thank you so much!

Site URL: https://tarantula-porcupine-bkrr.squarespace.com/ Hi all! Site password is 1234 Using the Team 2 page layout, I'd like to center the items within each list section while retaining the Max Columns value. I've tried using different design options and using this code in Custom CSS: .user-items-list-simple { justify-content: center; display: flex !important; } All with no luck thus far. Has anyone come up with a solution for this? Thanks!

Site URL: http://www.curiousundertakings.com/shop Hello! I have been working on building my company's website using resources from this forum, but have had issues finding the answer to this specific question. So I'm hoping somebody here can answer it for me! On our shop page, we have the 3 large images with the words "jewelry," "herbals," and "decor," which are meant to link to the specific parts of the shop. Yes, I know these are redundant - considering that there's the menu to the left. However, we like the aesthetics of it. On the desktop version of the site these appear in a horizontal row. On the mobile version they appear vertically. How can I make them appear horizontally on the mobile version? I assume it has to do with some code - since I found some code for making the shop icons appear in columns of 2+, which I inserted into the code injection section. However, I'm not really a programmer, so I don't know what I'd type to make these 3 images/buttons appear horizontally. Does anybody know where I could find the resources to figure out what to type, or can anybody provide me with the code and tell me which section to place it in? Here is a link to the specific page.

Site URL: https://www.hightidehr.je Hi everyone I'm wondering if someone can help me with a social link not lining up correctly on header. I've added the requested social link (linkedin) via the usual editing bar for the header, and the logo is appearing at the top left of the header. I'd like it to line up alongside the word 'contact' if possible please. See attached screen shot of where the logo sits when it's been added. I've had to take the social link off until I get some help with this, as the site is live. Thanks in advance Sam

Site URL: https://star-seal-m7mk.squarespace.com/ Link: https://star-seal-m7mk.squarespace.com/ Password: emma Hi! I'm looking to change the logo for the mobile version of the site when the navigation menu is open. Here's the css code I tried but not working: .header--menu-open { .header-title-logo img { visibility: hidden !important; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/61aa4ec70c8cf2221705ac29/t/61ae6a7643eebf085e1b0280/1638820471169/sonderself_secondary_cream_rgb_1080px%40300ppi.png) !important; background-size: contain; background-repeat: no-repeat; background-position: center; } } Any help is appreciated, thank you!

Site URL: https://www.virtuallygolf.co.uk/ Hi All Very new to Square space and need to add an image 'png' file (attached) which floats from top to bottom as you scroll up and down the website. Also this image will need to be able to link to another page for customers to click on. Is this possible and how? Thank you

Site URL: https://www.campilliana.org/ Good morning. We logged into our sqarespace this morning and many of the images we have in our website are not showing up. when we go to edit the page, they still show they are linked, but looking at the page (from two different laptops and two different phones) all the images appear to be grey. This seems to have happened overnight, as we were working on the page yesterday. I attached an image of what one of the pages should look like (Our Global Partners), an image of what the site currently looks like, an image of the coding, and a screenshot from squarespace help center live chat. Neither I nor my coworker know coding so we need a lot of help... We did attempt to change the coding for the header navigation bar, we thought we just changed the color of the lines under the menu items but the Help Center worker said that our changing the coding is what caused our images to disappear. is there a simple solution that we could implement?

Site URL: http://groupamana.com/ Hi there! Does anyone know how to create text that appears (whilst the previous text disappears) as you are scrolling? Like the header in the Amana Group site. Thanks!

Site URL: https://www.mounthopehealing.com/ I'm finally posting after trying to get this for like an hour! I'd like to change the nav menu color to white on my home page only. My site is: https://www.mounthopehealing.com/ Thank you for any help! Cari

Site URL: https://www.beautifulblanks.uk Can anyone help please, I have put the elf sight widget on my square space website, it is showing review fine from Etsy it transports them over, I have also added trust Pilot to it, I’m trying to get trustpilot to send out automatic reviews when a purchase is made on the website. I have complete step one adding script step two verifying website and adding the second script I can’t complete step three it say s complete mapping how do I do that please and we’re do you put the integration key I have looked all over the internet. really appreciate any help thanks hannah

Shop Page: Each Product Page:

Site URL: https://www.ghoulsmagazine.com/editorials Hello, I just realised that there have been some changes from Square space side and some objects have been renamed. One of those are Buttons. They used to be small, medium large but now are primary, secondary an terdiary. I had a custom code written for the small buttons I use on my website to make them look good on mobile and desktop. I had set width, size and font based on different screens. this is the code which doesn't seem to work anymore. ( part of it seems to work for desktop version but not the width and font size). /* Small Button Styling */ .sqs-block-button-element--small { width: 95.95% !important; padding-top: 9px !important; padding-bottom: 9px !important; margin-top: -20px; margin-bottom: -20px; margin-left: -6px; font-weight: bold; font-size: 14px; } /* Small Button Styling - small Mobile */ @media screen and (max-width:400px) and (min-width:100px) { .sqs-block-button-element--small { width: 95.95% !important; padding-top: 9px !important; padding-bottom: 9px !important; margin-top: -20px; margin-bottom: -20px; margin-left: -6px; font-weight: bold; font-size: 10.5px; } } @media screen and (max-width:1000px) and (min-width:400px) { .sqs-block-button-element--small { width: 95.95% !important; padding-top: 9px !important; padding-bottom: 9px !important; margin-top: -20px; margin-bottom: -20px; margin-left: -6px; font-weight: bold; font-size: 12px; } } COuld someone review it please? Thanks a lot

Site URL: https://delawarerising.club/ When I open the site on different iPhone versions the logo isn't centered 😞 I'm assuming there's something wrong with the custom code I'm using? //*mobile site logo sizing/position*// @media only screen and (max-width: 640px) { #header #logoWrapper #logoImage img, #header #siteTitleWrapper #logoImage img { max-height: 300px; margin: -90px; } #header #logoWrapper, #header #siteTitleWrapper { position: relative; max-height: auto; max-width: 30%; transform: translate(-50%,-80%); } }

Good afternoon. I have custom codes (not created by me) that I would like to add my site. Specifically on a certain page. It contains javascript, CSS and HTML. The purpose of this custom code is to randomly generate images (saved on a folder in my desktop) at a click of a button. I've tried everything I could think of and nothing seems to be working. I should also note, I am not a coder. Any advice or help is appreciated!

Site URL: https://www.gender404shop.com I am looking to make the site title unclickable on my website. Does anyone know a code I can add to my website to make this happen? Website password is "october1st" as we are not live yet.