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

Search the Community

Showing results for tags 'link'.

  • 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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hi, I'm looking for a code to include a sentence + link at the top of my product page in 'SHOP' . Its on the Wells 7.0 template. Can someone help me please?
  2. Is it possible to make an entire block (including all text and background) a clickable link? As an example, would it be possible to make the entire text block at the top right of the Stanton demo home page (https://stanton-demo.squarespace.com/) a link, including the heading text, body text and the space between that text?
  3. Site URL: https://www.booftoys.com/home/p/dmtr03 Hi, does anyone know how I can add a button to my product page. I'd like something like a 'buy now' button that directs the user to an external site. Any help would be appreciated. Thanks!
  4. Site URL: https://www.claudianuria.com/ Hello, I would like to split my header navigation so it is left and right from the centred logo. I have tried the following but when making the window smaller or bigger the navigation links on the right keep moving. Please can someone help? Thanks! Password is: 123password @media screen and (min-width:992px) { .header-nav-item:nth-child(n+4) { position: relative; left: 60vw; top: -25px; } }
  5. Site URL: https://www.nerdyartkid.com After some searching through past posts and some trial and error, I managed to make my logo go from plain black(ish grey) to a colorful version on hover! However, in doing so, I broke the link for the logo to go back to the homepage. What can I do to fix this? Or do I need to abandon the Avenue template finally for something else? Here is my code that worked for the hover effect... .logo:hover { content: url(https://static1.squarespace.com/static/602c3633fce3c526878791c5/t/61e4cc0071d03343e572f781/1642384385070/Nerdy_Art_Kid2.png); } Thanks in advance!
  6. Site URL: https://saffron-ocelot-dyjr.squarespace.com/config/pages Hello there ! Im trying to (hyper)/link the header on my cover page to a page on my site. I've tried the various solutions in your responses to other peops, without success. Need your help! Thank you site | celinefaledam.com pw | divein
  7. Hello, I have spent a good amount of time digging through multiple threads/forums regarding anchor links in 7.1 sites and wanted to summarize what I have working, and what issues I am seeing. (I apologize as I am unable to share my site yet as it is not public, and also for the giant info dump, but I thought it may help others to see it all consolidated, as I am combing multiple problems) My setup: Currently I am using code inject blocks to create div tags for header site navigation anchor links. Example: <div id="about" class="anchor-offset-about"></div> Header nav links are written as follows: /home#about The class is so I can create a manual offset for both desktop and mobile jumps to display in the exact spot I want. Example: //desktop// .anchor-offset-about { position: relative; top:0px; } //mobile// @media(max-width:767px) { .anchor-offset-about { position: relative; top:100px; } } Smoothing scrolling is enabled via: html { --scroll-behavior: smooth; scroll-behavior: smooth; } Smooth scrolling on Safari specifically is enabled via: (site-wide header injection) <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://unpkg.com/smoothscroll-polyfill/dist/smoothscroll.min.js"></script> <script src="https://unpkg.com/smoothscroll-anchor-polyfill"></script> -- This setup IS WORKING correctly. HOWEVER, I am running into some weird glitches across different viewing formats. 1. Chrome - Everything is working properly. Aside from the random anchor link not landing exactly correctly (very rare) this all works. 2. Safari -Upon landing on the home page for the first time, every anchor link appears to force a page refresh and jump to the anchor point without smooth scrolling. After this completes, anchor links will work properly and smooth scroll between them. I am still looking for a solution to this. There are the two options I have tried without success. 1. Force the home page to load at #top. This is not a viable solution, however, as it will work on the very first page load/visit. But if I visit another page on my site that is not the home page, and try to return to one of my anchor links from the header navigation it will force a page load to the top again and not jump to the correct location. 2. Purchased squareaddons.com Anchor Links product. This will solve the problem on desktop, however, I am unable to set class specific adjustments, so anchor link jumps do not land correctly on mobile. I have submitted a ticket to them to ask about this. 3. Mobile (Safari and Chrome on iOS - both iPhone and iPad) -Similar to above, page refresh occurs on first click of any header nav link after landing on home page. Scrolling will work after this. The main other problem on mobile only is that my site header, which is both fixed and using the "dynamic" setting in Squarespace 7.1 is not loading properly when using any anchor link for the first time. It jumps to the right location, but is transparent, showing content underneath where it should be a solid color (white in my case). If I start scrolling or click the anchor link again it will display properly, but makes for a very messy first-time viewing experience. And advice or solutions to these issues would be greatly appreciated. Thank you!
  8. Site URL: https://khaki-gerbil-cdd4.squarespace.com/gallery-2 pass:modern84 Hi all, I have some custom css that creates a hover effect on an image (two images). I've managed to link the text part of the hover effect to a certain page, but I want the whole area of the image to be a link. My css knowledge is limited, can someone help me? Thanks for any advice!
  9. Hey peeps! I hope I can explain this the easiest as I'm unable to find this answer anywhere online. Let's say I add a simple text block and type "product 01". And then I wanted to hyperlink that "product 01" that once clicked, it would perform an add to cart action on a specific product I have in my store. Is that possible? So in other words, is there a URL that adds a product of yours to the shopping cart or is that ONLY possible by using the product 'add to cart' button? I deeply appreciate your help!
  10. Site URL: http://www.joshbranton.com Is it possible to link one clickable link from a hidden index to a live indexes page? I am using the Carson template. For example, I have a main index page that lists out 4 different categories, Advertising, Branding, Packaging, and Illustration. Say you click Advertising, it will take you to that index's page, which has two images that can be clicked through to view the project. both of these project pages are in an index that is not linked. I'm doing this so that I can maintain the footer with links that the index pages use in this template. Currently the index of these non-linked pages display the links for the individual projects. I was wondering if there's a way to adjust it so the links on the non-linked indexes take you to the same page that the Linked index would take you to. This is the Home page index, when you click advertising, it brings you to this page (below) The dummy on the left will clickthrough to this page, highlighting the project (below) at the bottom of the page, i'd like the footer to be able to read out the same as the original index (Image 1) and link to image 2 in the same fashion. I know that's a lot and i may just be unable to in general, but any help would be much appreciated. Thank you!
  11. Site URL: https://www.palnikstudios.com/gallery palnikstudios.com/gallery password: yes @tuanphan I created my own custom store store page using code blocks and product blocks. I have everything laid out the way I want, but the title of the product is clickable and I'd like it not to be. I'm trying to avoid using the squarespace store.. I'd like to keep visitors on my gallery pages (they can buy from there) I'm basically trying to hide the store from view and sell on different pages. The attached picture might explain it better... Thank you for always helping me! -Elijah
  12. How to change the redirecting link of the written by author?
  13. Site URL: https://www.sawyerliam.com/sawyertalks Just realized links on my summary block are blue and then a dark purple after clicking it. It only appears on this specific page. Any help on what to do to fix it?
  14. Hi, I'm not good at coding so any help will be appreciated. I want to change the default SEARCH link to external one and I have done this successfully with this code below but the problem is I don't know how to force it to open in a new tab. I have tried adding the target= "_blank" to the code but as I already said I'm not good at this so no luck, I don't know how to do this... <script> $(document).ready(function() { $('a[href="/search"]').attr('href','https://www.google.com/'); }); </script> So I need help with this code above, code is 100% working I only want to open the https://www.google.com/ in the new tab... Thanks
  15. Site URL: https://voegelino.squarespace.com/ Hi there I added a social icon / contact symbol to my navigation and I would like to link it to the contact page instead of opening an email. Is there any custom code I can implement? Website: https://voegelino.squarespace.com/ Password: orneverornow Many thanks Sibylle
  16. Is there a way to connect or link Lightroom albums in Squarespace yet? It wasn't possible when I was using Squarespace a couple years ago, but I'm considering moving back to Squarespace and was wondering if this feature had been added yet. Thanks!
  17. Hi, We included a button with a link in our email. The link worked perfectly and then after 24 hours it disappeared and says "Invalid link, The page you're looking for doesn't exist. ". We have made no changes to the link and it was working perfectly before. Do you have any advice? This has now happened to us twice. Thank you! Invalid link The page you're looking for doesn't exist.
  18. Site URL: https://lobster-sheep-hd5s.squarespace.com/ https://lobster-sheep-hd5s.squarespace.com/ password ComeAway I have three pages, (four including the home page) but they aren't showing up in the navigation header. Is it the template being used?
  19. Site URL: http://taiwoade.com/linkinbio I'm trying to find a way to either a) reducing the space between each button or b) use hyperlinks to create these buttons instead. Site URL: http://taiwoade.com/linkinbio
  20. Site URL: https://steven.squarespace.com/test I've created a very simple custom grid using display: grid Here's the code: <div class="grid"> <div class="grid-cell">Some Text</div> <div class="grid-cell">Some Text</div> <div class="grid-cell">Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text</div> </div> <style> .grid { width: auto; margin: 0 auto; display: grid; grid-gap: 1px; background-color: #000 !important; border: 1px solid #000 !important; grid-template-columns: repeat(3, 1fr); } .grid-cell { background-color: #fff; color: #000; padding: .5rem; min-height: 4rem; display: flex; align-items: center; justify-content: center; text-align: center !important; word-break: break-word; } </style> How do I turn each entire grid cell into a link? I tried wrapping <div class="grid-cell">Some Text</div> in anchor tags, but for some reason, it breaks the grid design. Any non-JS solutions? Thank you in advance.
  21. Site URL: https://www.emeraldtechrepair.com/macbook Password: test So apparently my template doesn't natively support adding a URL to an image. Was looking for a simple way to accomplish adding an <a href="#"> but it's a lot more difficult than I thought. Any tips? I'm new to squarespace and trying to find a straightforward solution. Looking to add a link to either of the 3 MacBook images and unsure how to directly edit HTML, as well as target each specific element because none of them have a class name. I've read some #ID's can change on each page load, so I'm not sure how to handle this. The html/css structure is already stressing me out.
  22. Site URL: https://berkshireic-cms.squarespace.com I'm trying to add anchor links to my site, but am running into issues with the link landing below the corresponding anchor due to sticky navigation. I'm in Brine, 7.0 and, while I know this particular feature is possible via other methods in 7.1, that is not a possibility here. Can anyone help with this? Thank you! You can see an example on this page: https://berkshireic-cms.squarespace.com/clients-services-fees password: BIC2021 Pinned sticky header using Tuanphan's code from a previous post: .Header.Header--top { position: sticky; position: -webkit-sticky; top: 0px; z-index: 1000; width: 100%; } Tried this solution offered in previous post by a Wordpress user. Some folks had success with this, but it does not work for me: :target:before {content:"";display:block;height:120px; /* fixed header height*/margin:-120px 0 0; /* negative fixed header height */ }
  23. Site URL: http://ribetmyles.co.uk Hi there Wondering if anyone knows of a way I can create custom navigation items on an individual page of my site. Essentially my client is running a google ads campaign and has asked me to create new page with out any external links. They want the existing navigation (that currently links to different pages) to become anchor links, that link to specific parts of the webpage. (What we do, Meet us etc) which I can implement no problem through the link function. However when I do this, it then duplicates across the navigation of the whole site, which is not the desired outcome as I'd like the others to remain as page links. Any help here would be greatly appreciated! Thanks Rhys
  24. Site URL: https://supernatlparks.com I am building my first 7.1 site, and I used an Auto Layout list to organize content on my home page. Mostly, I like how this works: It seems like will make editing the page easier, and make it easier to keep the layout working between desktop and mobile, while using cards. However, I have realized that the images in an Auto Layout card aren't clickable, only the button. That's a pretty big problem for an e-commerce site. I want people to be able to get to the products as easily as possible. Does anyone have a solution for linking each image to a URL? (The same as the button would be nice, but manual is no problem.) I don't mind using CSS and/or scripts to accomplish this.
  25. Hi, Can anyone help with how to do full bleed images for a portfolio like in this example? https://www.tomkahlerphoto.com/client-collections
  • Create New...