Search the Community
Showing results for tags 'coding'.
Found 236 results
-
Hi! Is there a way of adjusting the mobile breakpoint in version 7.1? The navigation of my website and also some text looks weird on an iPad landscape view and I would like to change it so the navigation changes to a hamburger icon and the text moves on top of pictures. Happy about any suggestions! Thank you! Sabine
-
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
-
Site URL: https://www.laurenbeane.com/speaking Hi, I have a preview of 2 topics on my 'speaking' page. Instead of linking to another page when clicking 'preview this talk', I'd like a lightbox to appear with a pdf of the full session description when clicking 'preview this talk', similar to how I currently have it on my 'learn more' button. I'm currently using Squarespace 7.1- Almar. site: Laurenbeane.com/speaking PW: Lauren123
-
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
-
Hello, I am trying to make my custom navigation menu appear in the burger menu on mobile, along with the other links that I have built with Squarespace. I had to build the dropdown menu using html because I need to have multiple dropdowns, which I am unable to do using Squarespace folders. The rest of the links that didn't need dropdowns I just made under the main navigation section on the Squarespace homepage. So what I am trying to do is make my custom dropdown menu show up in the burger menu with the other Squarespace nav-links on mobile. I am also struggling to keep the custom navigation-link positioned correctly when the page is resized from desktop to smaller. Anybody know how I can prevent the element from overlapping other links in the navigation bar when the page is resized? Would be glad of any help, Thank you very much!
-
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 uped 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
-
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!
-
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!
-
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>
-
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?
-
Hi, I'm trying to remove the pricing from the Related Products shown on Product Detail page. Thanks,
-
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.
-
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). -
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~
-
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%} }}
-
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!
-
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 -
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
-
Having an issue with creating jump links/ anchor links
harry101 posted a question in Coding and Customization
I'm trying to create an anchor link using the <a name=""> tag. In this situation, I want to link to the contact form. The concept works if I'm hyperlinking from a text on the page to the contact form . However, it does not work if I'm hyperlinking from an outside page to the contact form on this page. It simply brings me to the top of the page. Does anyone know what the issue is? https://my360pt.com/lp-ppc-general#contact -
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
-
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 -
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) -
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
-
Site URL: https://www.anybodysautos.squarespace.com Hi frens, I threw in this simple CSS to make the grey Blog archive on the right sticky to the top, but the position is not working. I've been reading up on the overflow:hidden attributes of a parent element, but I can't find any codes to overcome that... What am I doing wrong? li.archive-group { position: sticky; background: grey; color: #ffffff; top: 20px; z-index:1000; width:100%; padding-top: 17px; padding-bottom: 17px; padding-left: 17px; padding-right: 17px; box-shadow: 3px 3px 7px rgba(0,0,0,0.5) } The password for this site is: AutoSales -
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!
