Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'coding'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers ๐Ÿ‡ซ๐Ÿ‡ท's Topics
  • France Designers ๐Ÿ‡ซ๐Ÿ‡ท's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

Found 234 results

  1. Site URL: https://mouse-trout-epjy.squarespace.com/members Hello, I am trying to add a blue overlay on hover to the images in a portfolio grid. On Members page, you can see I've added a grid of images with a working blue overlay on hover using the following code: .layout-caption-overlay-hover .image-caption-wrapper { background-color:#66C8F0!important; opacity: 0.6!important; min-height:100%; top:0!important; } .layout-caption-overlay-hover .image-caption-wrapper, .layout-caption-overlay-hover .image-caption-wrapper { color: transparent; } Below the contact form you will find another grid with a handful of projects - this is the portfolio grid. The client would like to be able to add the individual members pages as portfolio projects - so I am trying to code the portfolio grid images to have overlay on hover - am I right in saying this isn't possible because they can't inherit the caption overlay? site password: spong123
  2. Site URL: https://gregmaroney.com/sheet-music using 7.1 I currently have about 250 pdfs of sheet music and the number increases each week. Since the limit was 200 products per page before, I made 3 different landing pages not included in navigation and then used a blank page to add all the products in one place. It's an annoying way to have to do it because I have to manually move everything when I add pieces and want it alphabetical. Also, if I use breadcrumbs, it takes viewers back to the hidden landing page instead of the main sheet music page. That's why it is so important to get prev/next back as an option Now they have used the limit and I can have all the products on a store page. Is there a way in 7.1 to merge the landing pages into one or to import all three pages into one new store page? The idea of having to re-enter 250 products is ridiculous. Any suggestions welcome
  3. Hello! I've been trying to make a text block fixed in some of my pages, so that when I scroll down trough it, the text will always stay in the same place. And also, if it helps, I'm using wells-template. So far I haven't been too succesfull. For the record, I have almost zero knowledge on coding. Thank you in advance! I've also attached an image in case my words weren't clear enough!
  4. Site URL: https://lukaseriksen.com Hey guys, I'm currently creating my first website and I'm struggling to integrate a custom inverted cursor on to my site. I found this bit of code digging through another squarespace site, but it doesn't seem to be working on my site. I think the main problem is that "mix-blend-mode: difference" does not seem to be working. I would be super dooper grateful if anyone could help me out with installing this bit of code. My Website: lukaseriksen.com Here is the code I've found: <style> @media (hover: none) { .cursor {display:none !important; } } * { cursor: none; } .cursor { --size: 10px; height: var(--size); width: var(--size); border-radius: 50%; position: absolute; z-index: 99999999999; transform: translate(-50%, -50%); pointer-events: none; } .cursor.cursor-dot { background: #ffffff; /* This defines the color of the cursor */ mix-blend-mode: difference; /* Delete this line if you dont want the circle to invert */ transition: width .6s, height .6s, background-color .6s; transition-timing-function: ease-out; } .cursor-dot.active { --size: 50px; background-color: #ffffff; } </style> <script> $(window).mousemove(function(e) { $(".cursor").css({ left: e.pageX, top: e.pageY }) }); $(window).mousemove(function(e) { $("a") .on("mouseenter", function() { $('.cursor').addClass("active") }) }); $(window).mousemove(function(e) { $("a") .on("mouseleave", function() { $('.cursor').removeClass("active") }) }); </script>
  5. Hi all, I've seen some sites where the homepage has got the site header moved below a banner and only just on the homepage. I've been able to find out how to remove the site header but not how to move it down. Any help?
  6. Site URL: https://www.yourfuturefitness.com/ On my website www.yourfuturefitness.com the banner is being cut off on mobile. On desktop its fine but its cutting off my text and box background. I've created the banner on canva, so the text and box are a part of the image.
  7. Hi, I'm trying to remove the pricing from the Related Products shown on Product Detail page. Thanks,
  8. Site URL: https://dahlia-ellipse-3fcm.squarespace.com/ Hi there, Iโ€™m using Squarespace 7.1 to build my events website. We have 100+ events. I started to use the Portfolio Page templates because blogs and events templates are way too restrictive for what we need to display (the whole reason for moving to Squarespace was to have flexibility in our page templates). I want to display all of my events on a page that has image blocks or a gallery view with the title (my preference is several image blocks that looks like a gallery). So users can then browse the events and select what theyโ€™re interested in. My issue is that the events run over 10 days across several categories - fashion events, talks, music events, etc. I want to add a custom filter so users can filter by both date and a category simultaneously. Is this possible? And if so, could someone provide an example of what a getAttr code should look like please? That would be amazing - I am not a coding expert but could take an example and make it my own (I think/hope).
  9. Site URL: https://www.acesawareventuracounty.org/ Hi there, I've been tasked with creating a resource directory for a site the connect healthcare providers with outside resource in the area that relate to items such as behavioral health, child development, and the like. I've been researching how to create a resource directory and saw that Community Box is a good resource. I've gone through the tutorials, and think it is quite useful, but I am not loving the application. I found that there may be a way to code a resource directory into Squarespace, but that I may have to do that through developer mode. Does anyone know any good sources for code that are applicable to Squarespace? Additionally, if I did already use a template to built my site, will my information be deleted if I code the directory myself? Thanks! ~Best Regarda~
  10. Site URL: https://cranberry-kale-kent.squarespace.com Hello! I am trying to customize my announcement bar but none of the codes work. I have attached the current code I am trying to use, which is not working. I have tried to change the color and not do animation, and change it to an image, but nothing with the .sqs-announcement-bar code is working at all. I tried to go under site styles and make it transparent and get rid of the original color, but that didn't work either. Help! Website password: thefontparty .sqs-announcement-bar { background: linear-gradient(99deg, #ff6460, #ebeecf); background-size: 400% 400%; -webkit-animation: AnimationName 6s ease infinite; -moz-animation: AnimationName 6s ease infinite; animation: AnimationName 6s ease infinite; @-webkit-keyframes AnimationName { 0%{background-position:0% 51%} 50%{background-position:100% 50%} 100%{background-position:0% 51%} } @-moz-keyframes AnimationName { 0%{background-position:0% 51%} 50%{background-position:100% 50%} 100%{background-position:0% 51%} } @keyframes AnimationName { 0%{background-position:0% 51%} 50%{background-position:100% 50%} 100%{background-position:0% 51%} } @-webkit-keyframes AnimationName { 0%{background-position:0% 49%} 50%{background-position:100% 52%} 100%{background-position:0% 49%} } @-moz-keyframes AnimationName { 0%{background-position:0% 49%} 50%{background-position:100% 52%} 100%{background-position:0% 49%} } @keyframes AnimationName { 0%{background-position:0% 49%} 50%{background-position:100% 52%} 100%{background-position:0% 49%} }}
  11. Hi there, I have the below set up - and basically I want the image on the right to change whenever I hover over the buttons on the left? How can I do this? Many thanks, Cadel
  12. Site URL: https://www.jasmine-noronha.com Site URL: https://www.jasmine-noronha.com hello! i'd like to resize the images on the "film" section in mobile view. can someone advise on the code to do this? thanks!
  13. Site URL: http://mckarchitects2.squarespace.com Hi there, I am looking to reduce the padding between different elements across multiple pages on my website. Please see images that show you how large the space is in between each of the elements. I don't see an option to reduce this padding size and tighten it up. I am unsure what my template is but I believe template ID is: 5c5a519771c10ba3470d8101. Please help! Montana
  14. Hello, Squarespace support suggested I ask for help in this forum. I currently use Flatiron as my template (and I don't want to change it). I DO want to REMOVE / HIDE dates from Blog Posts. Squarespace said that certain templates do not allow for that and Flatiron is one of them. They suggested I ask for help on here regarding coding to REMOVE DATES from my Blog on Flatiron. Any help? Side bar- Coding is very, very new to me. I haven't a clue where to start. So, I decided to start here. Thank you all in advance for any help you can offer a newbie to coding
  15. Site URL: https://mouse-trout-epjy.squarespace.com Hello, I am trying to style a Twitter block to display horizontally like the example below. I am using the Squarespace Twitter block and have managed to style it a little with custom CSS but I am having trouble with making it appear horizontally, as it automatically displays as a vertical list. Would I need to style each individual tweet to achieve this? I have tried with .sqs-block-twitter--tweet-list and sqs.block-twitter--tweet-text-wrapper but nothing has worked so far. I have also tried with a Twitter embed code block instead of the SQS widget but couldn't get that to work either. Any help or tips would be greatly appreciated, thanks!
  16. Site URL: https://guelphsoccer.ca/ Hello All, I have created a table for my website and it is showing up in my footer instead of the main part of the site. Squarespace staff did not offer any support with this, so we are looking to figure out why this is happening. It has never happened before with any of the tables we have on our site. Thanks for your help. AC table in footer.mov
  17. I have developed code that puts text of my gallery grid, but I cannot get the text to fit in the space without making the font smaller which is not possible for the look. See images for explanation
  18. Site URL: http://www.humanbeingmankind.com THANK YOU SO MUCH! Sorry, i still need a bit more help! @tuanphan reference from this post: 1. This worked!!! Please advise me of the other code to make all the pages work! pages needed for include the all collections page.. but I would like 3 photos per row (6 total so 2 rows 3) is there anyway to change the order of them.. so that the last items on the desktop are the last items on mobile.. it seems like it fills column 1 then fills column 2... i would like it to fill row 1, then row 2.. and so on. 2. this worked! One thing, now the 'announcement banner' looks a bit strange because theres no padding between it and the banner photo. anyway to put this above the header at very top on mobile just like it is on desktop? also. this leaves a little bit of awkward space. (see attached for both) 3. on the mobile gallery, this also worked.. but one of the rows.. has one photo and then a blank space (see attached)
  19. Site URL: https://cranberry-kale-kent.squarespace.com/config/design/template I'm trying to do a logo overhang so it shows on top of the first section. I've attached what it currently looks like, and the code I'm using that does not work for me. As you can see, the logo (cursive FP) on the left is cut off. Is there also a way to make the padding of the navigation smaller? Can someone help? I originally had the background of the first section transparent so that the padding could be smaller on the bottom, but I still couldn't get the overhang to work and then the background behind the text was an off white instead of all white. I'd like the navigation padding to be smaller, almost similar to the announcement bar, and then have the logo overhang on the picture/first section. Help!! I'm using the Mojave template. Link below. https://cranberry-kale-kent.squarespace.com/config/design/custom-css
  20. Site URL: https://www.jasmine-noronha.com/about hello! i managed to use the following code to justify the text on my website: body p, .sqs-layout .sqs-block.html-block p { text-align: justify !important; } it worked. however, it justified all the text in my site. and i'm just looking to justify the text in the "about" page. please help!
  21. Site URL: https://www.haveteewilltravel.com/ Hello squarespace experts! I am looking for advice on a feature I am trying to add to my site. Summary: I would like to add client accounts that will display sales information originated from my Squarespace account but only about specific SKU numbers or product names. Use: I plan to sell merchandise for individuals. They get a commission of the sales so I would like them to be able to log into a client account and see real time how many sales they have made. Method: I am looking into using memberstack to generate and manage the accounts (I'm open to other methods though). This is new to me but I think I can work out adding the code and setting it up. However, I am not sure how to display information from the Squarespace website and how to limit it to specific SKU numbers or product names per account. If you have any resources, videos, or advice that I could research I would be very grateful for the help. Thanks!
  22. Hello, I have a custom code that I am using for my main navigation bar on my website. It looks great on my desktop but I can't seem to put it in the mobile menu on Squarespace 7.1. could anyone help me as to how I can insert the custom code into the mobile menu? Thank you!
  23. Site URL: https://annajray.com Hey everyone! I currently have the Wexley template which does not allow you to have a full banner at the very very top of the homepage. I would like for my banner to have my logo and navigation links floating on top of the banner, like other templates allow, if that makes sense. I do not want to change templates due to the amount of work I have put into my current one so I was wondering if anyone could help with a custom code that could make this happen? I am also interested in the banner having arrows at the bottom that allowed you to view multiple pictures as the banner and/or went from photo to photo automatically (so like a slideshow). Thanks!!
  24. Site URL: https://www.hbcusoutside.com/blacktothetrails5k Is it possible to designate images as downloadable/saveable? I'm showcasing a bunch of images that are meant to be shared on IG. I'd like ppl to be able to just drag them to their desktop or press and hold and save on mobile. If a password for the page https://www.hbcusoutside.com/blacktothetrails5k is required, it's grizzly.
  25. Hello, I am working on adding a code into the code injection that will allow me to have multiple dropdown levels in my navigation link. However whenever I try to paste the code into code injection, a gray bar shows up and goes all the way down the page. Could someone help me, is the code I am using incorrect? Would be glad of any input on how to do this. Thank you in advance!๐Ÿ˜
  • Create New...